JSFiddle - React, Tailwind, and code Playground

by iboylmz

HTML

<button id="btn">Add hover class</button>

CSS

.hoverState {
  color:#fff;
  background:indianred;
  box-shadow: 2px 2px 10px black;
}

JavaScript

$('#btn').mouseover(function(e){
    $(this).addClass('hoverState');
}).mouseout(function(e){
    $(this).removeClass('hoverState');
});