JavaScript button that changes the value in the checkbox field

Question

I am trying to create a button that when clicked replaces the value in the field true false. If we click the first time the field becomes true, if the second time the field becomes false. But I still can't get the results. The field only changes true.

Checkbox: <input type="checkbox" id="myCheck">

<button onclick="check()">Check Checkbox</button>

<script>
  function check() {
    var value = document.getElementById("myCheck");
    if (value = "false") {
      document.getElementById("myCheck").checked = true;
    } else {
      document.getElementById("myCheck").checked = false;
    }
  }
</script>

Answer 1

Avoid inline handlers ("onclick"). You can simplify this using:

const checkUncheck = () => {
  const cb = document.querySelector("#myCheck");
  cb.checked = !cb.checked;
};

document.querySelector("button").addEventListener("click", checkUncheck); 

<input type="checkbox" id="myCheck" disabled>
<button>check/uncheck</button>

Answer 2

You need to check if the checked attribute of your checkbox is true or false.

Checkbox: <input type="checkbox" id="myCheck">

<button onclick="check()">Check Checkbox</button>

<script>
  function check() {
    var checkbox = document.getElementById("myCheck");
    if (checkbox.checked !== true) {
      checkbox.checked = true;
    } else {
      checkbox.checked = false;
    }
  }
</script>

Also, you can re-use the checkbox variable.