JSFiddle - React, Tailwind, and code Playground

HTML

<body>
<h2>This is a heading</h2>
<p>Some Text</p>
<p>Around</p>
<p>Here<p>
<p>Yep.</p>
</body>

CSS

body.red {background-color:red;}
body.orange {background-color:orange;}

JavaScript

console.log($("body").css("background-color"));
$("body").click(function(){
    $(this).css("background-color", function(_, val){
        return val === "rgb(255, 0, 0)" ? "rgb(255,165,0)" : "rgb(255, 0, 0)";
    });
  });