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

56 votes190 views6 answers
Html basic template
Html
0 vote172 views1 answer
How to change color in html element
Html
0 vote176 views1 answer
Cambiar el texto de label usando Jquery
Html
0 vote182 views1 answer
Bootstrap align right button
Html
0 vote173 views1 answer
Html4
Html
0 vote178 views1 answer
How to convert input type file into an icon
Html
0 vote161 views1 answer
Bulma css lighter buttons
Html
0 vote168 views1 answer
Convert markdown to styled html
Html
24 votes237 views1 answer
A tag
Html
3 votes185 views2 answers
Font awesome reload icon
Html