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 vote146 views1 answer
Slick slider slidestoshow auto
Html
84 votes121 views4 answers
Justify content align items
Html
0 vote131 views1 answer
Html5 development
Html
0 vote133 views1 answer
How to create bold text in html
Html
1 vote130 views1 answer
#ubuntu "demarrer vcs en super user"
Html
0 vote122 views1 answer
On change event html not working
Html
68 votes90 views13 answers
How to bold font in html
Html
4 votes126 views1 answer
A href to other site
Html
0 vote123 views1 answer
Add a gif a background image in html
Html
0 vote119 views1 answer
Select dropdown style
Html