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 vote122 views1 answer
Remove action in woocommerce
Html
1 vote99 views1 answer
Emoji css
Html
1 vote110 views1 answer
Laravel loop iteration pagination
Html
1 vote106 views1 answer
Disable auto submit when hitting enter key
Html
0 vote100 views1 answer
Code live html css online
Html
35 votes103 views6 answers
How to make text bold in html
Html
1 vote106 views1 answer
Ionic skeleton
Html
3 votes114 views2 answers
How to add steps on number input in html
Html
0 vote109 views1 answer
Hirudhi map
Html
0 vote110 views1 answer
How to add quantity button in html
Html