Working with single checkboxes in JavaScript

by danielkwood

HTML

<html>
  <head>
    <title>Working with radio buttons in JavaScript</title>
    <script src="script.js"></script>
  </head>
  <body onload="load();">
    <label id="switchMode"><input type="checkbox" id="darkmode"> Dark mode</label><br><br>
  </body>
</html>

JavaScript

function load(){
	document.querySelector("#switchMode").addEventListener("click", switchMode);
}

function switchMode(){
  let darkmode = document.querySelector("#darkmode");
  if(darkmode.checked == true){
    darkMode();
  }
  else{
    lightMode();
  }
}

function darkMode(){
  document.querySelector("body").style.backgroundColor = "black";
  document.querySelector("body").style.color = "white";
}

function lightMode(){
  document.querySelector("body").style.backgroundColor = "white";
  document.querySelector("body").style.color = "black";
}