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 vote313 views1 answer
Change color on the same string html
Html
-1 vote270 views1 answer
What is participe passe
Html
0 vote541 views1 answer
How to change colour of part of a text in html
Html
-3 votes288 views6 answers
Bootstrap toast
Html
0 vote374 views1 answer
How to add href of messaGing IN ANCHOR TAG
Html
-1 vote293 views2 answers
Html inline label
Html
0 vote298 views1 answer
Access to image at from origin
Html
226 votes416 views6 answers
Bootstrap import
Html
1 vote259 views1 answer
Html span title tooltip
Html
0 vote290 views2 answers
<!DOCTYPE html> <html> <head> <title>Page Title</title> </head> <body> <h1>This is a Heading</h1> <p>This is a paragraph.</p> </body> </html>
Html