JSFiddle - React, Tailwind, and code Playground

HTML

<a id="about" href="about.html">about</a>
 <a id="contact" href="contact.html">contact</a>

JavaScript

$(document).ready(function() {
      $('#about').hover(function() {
        $('body').css('background-color', 'yellow');
      });
      $('#contact').hover(function() {
        $('body').css('background-color', 'red');
      });
    });