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

44 votes354 views6 answers
Html bold
Html
0 vote340 views1 answer
Examples of metadata
Html
1 vote350 views1 answer
Flip an image js
Html
0 vote343 views1 answer
React native render html not rerender
Html
2 votes363 views1 answer
Html table line break
Html
0 vote315 views1 answer
Attribute select option html
Html
4 votes413 views1 answer
Circlular waiting icon bootstrap
Html
5 votes362 views1 answer
Textarea readonly
Html
0 vote366 views1 answer
How put h:putputText in center of div
Html
0 vote335 views1 answer
Execute python script onclick html
Html