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

2 votes102 views1 answer
Block level elements
Html
2 votes117 views1 answer
Ng bootstrap input
Html
0 vote99 views1 answer
Cards bootstrap examples
Html
0 vote108 views1 answer
The library'package:firebase_core/firebase_core.dart' is legacy
Html
72 votes96 views6 answers
Html favicon
Html
0 vote101 views2 answers
Which text is used to create text animations in html
Html
9 votes99 views2 answers
Html relative path
Html
15 votes108 views3 answers
Bootstrap 4 tooltip
Html
1 vote107 views1 answer
Bootstrap 5 official website
Html
0 vote92 views3 answers
How to add image in html from a folder
Html