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
Hex code html
Html
8 votes135 views2 answers
Html link color
Html
0 vote135 views1 answer
Link to add matrial iocns to html
Html
0 vote147 views1 answer
Text souligné html
Html
0 vote139 views1 answer
Soup to html file
Html
29 votes133 views6 answers
Html list without bullets
Html
64 votes147 views6 answers
How to make a link in html
Html
0 vote350 views1 answer
Checkbox checked border radius CSS
Html
0 vote145 views1 answer
Linux list files onlr
Html
0 vote162 views1 answer
Image is too big html
Html