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 vote171 views1 answer
Html make box shadow
Html
8 votes177 views3 answers
Jquery $ is not defined
Html
5 votes129 views4 answers
Aria-label
Html
48 votes155 views6 answers
Html font size
Html
0 vote169 views1 answer
How to align a link in a bootsrap navbar o the left
Html
4 votes156 views2 answers
History.back()
Html
1 vote154 views1 answer
Django html vscode
Html
4 votes198 views1 answer
Syntax highlighting library
Html
1 vote160 views1 answer
Jinja mark text as safe
Html
-1 vote169 views1 answer
WebView Dump all html
Html