JSFiddle - React, Tailwind, and code Playground

by uttara

HTML

<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<meta charset=utf-8 />
<title>JS Bin</title>
</head>
 <body>
  
  <h1>My Website</h1>
  
  <button id="first">Day</button>
  <button id="second">Night</button>
  
  
  
  <script>
  $(function() {
    $('button#first').click(function() {
      $('body').attr('class','day');
    });
    
    $('button#second').click(function() {
      $('body').attr('class','night');
    });
  
  });
  
  </script>
</body>
</html>

CSS

.day{
  background:yellow;
}

.night{
  background:black;
    color:white;
}