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

11 votes121 views1 answer
Html ngfor with index
Html
38 votes110 views5 answers
Html bold text
Html
0 vote122 views1 answer
Object is possibly 'null' in $event.target.value in angular 12
Html
0 vote124 views1 answer
Html content editable no newline
Html
0 vote160 views1 answer
Fee receipt format html
Html
5 votes113 views2 answers
Html u tag
Html
0 vote109 views1 answer
Html in page navigation
Html
12 votes138 views2 answers
Bootstrap for header
Html
5 votes133 views2 answers
How to disable image dragging in html
Html
0 vote177 views1 answer
Prevent from going to a function html click
Html