JSFiddle - React, Tailwind, and code Playground

HTML

<div>mouse over and out</div>
<p></p>

CSS

div{
    background:yellow;
    text-align:center;
}

JavaScript

$('div').on( "mouseenter", function() {
     $('p').text('you are over');
});

$('div').on( "mouseleave", function() {
     $('p').text('you are out');  
});