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

168 votes260 views6 answers
How to use style in html
Html
9 votes250 views1 answer
V model vue
Html
1 vote288 views2 answers
Bootstrap 4 Navbar Dropdown Menu Items Right
Html
0 vote320 views1 answer
Angular lifecycle-
Html
0 vote259 views1 answer
Html to app
Html
1 vote267 views1 answer
Accept method jsf component
Html
0 vote272 views1 answer
Html flex grow
Html
0 vote274 views1 answer
Remove extra whitespace in pre html
Html
0 vote274 views1 answer
Java ee static html
Html
7 votes271 views4 answers
Html sample code
Html