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

21 votes385 views4 answers
Disable browser autocomplete
Html
1 vote342 views1 answer
How to enable a button when a checkbox is selected in javascript
Html
55 votes385 views6 answers
Html template
Html
91 votes372 views6 answers
Open link in a new tab
Html
7 votes353 views4 answers
Html example
Html
1 vote338 views1 answer
Textbox with dropdown bootstrap
Html
3 votes314 views1 answer
Mdn html number input box
Html
0 vote343 views1 answer
Chrome empty page editable
Html
1 vote334 views1 answer
Boostrap 5 css link
Html
0 vote336 views1 answer
Thymeleaf form delete method
Html