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 vote67 views2 answers
Html text border
Html
0 vote110 views1 answer
Get id value of html dropdown in jquery
Html
0 vote101 views1 answer
Remove extra space in code html
Html
0 vote149 views1 answer
Tailwind box with text
Html
0 vote150 views1 answer
Use pascalcase for react components, or lowercase for html elements.
Html
22 votes109 views6 answers
Target blank
Html
2 votes111 views3 answers
Markdown code block example
Html
0 vote132 views1 answer
Bootstrap dropright overflow issue
Html
144 votes151 views6 answers
Javascript redirect
Html
2 votes133 views3 answers
Cdn react
Html