Breaking News: Grepper is joining You.com. Read the official announcement!

javascript button toggle on off

jub0t answered on July 18, 2021 Popularity 9/10 Helpfulness 2/10

answer javascript button toggle on off

related create toggle button js

javascript button toggle on off

Comment

<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>

Popularity 9/10 Helpfulness 2/10 Language html

Source: Grepper

Tags: html javascript

Link to this answer
Share Copy Link

Contributed on Jul 18 2021

jub0t

0 Answers Avg Quality 2/10

Closely Related Answers

create toggle button js

Comment

<!DOCTYPE html>
<html>
<head>
  <title>Toggle Button</title>
  <style>
    .toggle {
      width: 100px;
      height: 40px;
      background-color: gray;
      border-radius: 20px;
      display: flex;
      align-items: center;
      cursor: pointer;
      user-select: none;
    }

    .toggle.active {
      background-color: green;
    }
  </style>
</head>
<body>
  <div id="toggleButton" class="toggle" onclick="toggle()"></div>

  <script>
    function toggle() {
      var toggleButton = document.getElementById("toggleButton");
      toggleButton.classList.toggle("active");
    }
  </script>
</body>
</html>

Popularity 7/10 Helpfulness 2/10 Language html

Source: Grepper

Link to this answer
Share Copy Link

Contributed on Sep 12 2023

YOU.com

0 Answers Avg Quality 2/10

javascript button toggle on off

Contents

More Related Answers

javascript button toggle on off

Closely Related Answers

create toggle button js

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.