JSFiddle - React, Tailwind, and code Playground

by Jacob Gray

HTML

<div id="text" style="font-weight: normal">hello world!</div>
<input id="remember" type="checkbox" onclick="validate()" value="Caps">
<br>
<input id="remember2" type="checkbox" onclick="validate2()" value="Bold">

JavaScript

function validate() {
      if (document.getElementById('remember').checked) {
        document.getElementById("text").innerHTML = "HELLO WORLD!";
      } else {
        document.getElementById("text").innerHTML = "hello world!";
      }
    }

    function validate2() {
      if (document.getElementById('remember2').checked) {
        document.getElementById("text").style.fontWeight = "bold";
      } else {
        document.getElementById("text").style.fontWeight = "normal";
      }
    }