Javascript button toggle on off

<div class="form-check form-switch"> <input class="form-check-input" type="checkbox" id="flexSwitchCheckDefault"></div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/js/bootstrap.bundle.min.js"></script>
<script>
const btn = document.querySelector(".form-check-input")
label = document.querySelector(".form-check-label");
btn.addEventListener("change", function() {
    this.checked ? label.innerHTML = "Button Turned On" :
        label.innerHTML = "Button Turned Off"
});
</script>

Similar codes

0 vote224 views1 answer
Difference between body and main html
Html
0 vote203 views1 answer
The template root requires exactly one element.eslint-plugin-vue
Html
-1 vote162 views2 answers
Slider html css
Html
0 vote178 views1 answer
Html icon animation
Html
2 votes186 views1 answer
How do you make a link in html5
Html
1 vote173 views2 answers
How to link style.css
Html
51 votes181 views4 answers
Bootstrap display inline block
Html
9 votes184 views1 answer
Fa fa email
Html
8 votes168 views3 answers
Html type file extension
Html
1 vote168 views1 answer
Html input box integer only
Html