p5.js Web Editor | DWD__Week2__event-changing-class

xxxxxxxxxx
<!DOCTYPE html>
<html lang="en">
  <head>
    <link rel="stylesheet" type="text/css" href="style.css">
    <meta charset="utf-8" />
    <style>
      .red {
        background-color: red; 
      }
    </style>
    <script>
      window.onload = () => {
        const btn = document.getElementById("btn");
        btn.onclick = onButtonPress;
      }
      
      function onButtonPress() {
        const body = document.querySelector("body");
        if (body.classList.contains("red")) {
          body.classList.remove("red");
        } else {
          body.classList.add("red");
        }
      }
      
    </script>
  </head>
  <body>
    <button id="btn">
      Click me
    </button>
  </body>
</html>
​
Cookies

Sketch Files

Console

Preview
