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 vote144 views1 answer
Svg as button
Html
3 votes130 views1 answer
Reset button html
Html
-1 vote166 views2 answers
Start a video at a certain time and end time html
Html
25 votes155 views6 answers
Bootstrap 4 navbar
Html
0 vote148 views1 answer
How to display java code in html
Html
0 vote141 views1 answer
London poem analysis
Html
19 votes136 views4 answers
How to make a background color in html
Html
1 vote150 views1 answer
Tooltip html
Html
21 votes155 views4 answers
Bootstrap 5 text bold
Html
0 vote153 views1 answer
Cadre en html5
Html