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

4 votes292 views1 answer
I'm getting favicon.ico error
Html
0 vote261 views1 answer
Html ad
Html
0 vote382 views1 answer
Cambiar el texto de label usando JavaScript
Html
0 vote271 views1 answer
Blizard.js print
Html
21 votes310 views3 answers
Scrollable div
Html
3 votes300 views1 answer
React passing all props to child
Html
0 vote286 views1 answer
Canvas drawImage wrong size image
Html
1 vote270 views3 answers
Canvas draw rectangle
Html
38 votes309 views6 answers
How to create a button in html
Html
6 votes299 views4 answers
Sweetalert2 cdn
Html