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 vote139 views1 answer
Html input date set default value today
Html
0 vote132 views1 answer
Ionic ion-title center
Html
5 votes144 views3 answers
Nuxt i18
Html
0 vote133 views1 answer
Crypto conversion calculator
Html
0 vote140 views1 answer
Date range picker select date and several weeks
Html
79 votes143 views6 answers
Bootstrap radio button
Html
27 votes151 views3 answers
Change font size of h1 in html
Html
1 vote140 views1 answer
How to center h1 i nhtml
Html
2 votes145 views2 answers
How to reduce the size of a button in boostrap
Html
0 vote106 views1 answer
Vue barcode
Html