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

1 vote184 views1 answer
Asp.net mvc razor html dows not exist in the current context
Html
0 vote175 views1 answer
Image on text in bootstrap
Html
0 vote168 views1 answer
Am pm after the time in html
Html
3 votes187 views2 answers
Animate on scroll github
Html
13 votes229 views2 answers
How to add an email box in html
Html
1 vote204 views1 answer
Minmax length password
Html
0 vote166 views1 answer
What is the PERN stack
Html
0 vote157 views1 answer
Html textarea placeholder multiple lines
Html
27 votes154 views1 answer
How to include the copyright symbol in html
Html
1 vote178 views1 answer
Break to a new line flexbox
Html