JSFiddle - React, Tailwind, and code Playground

HTML

<div id="my_div"> 
    
</div>

CSS

#my_div
{
  height: 100px; 
  width: 300px; 
  padding: 40px;
  background-color: #eee;  
  margin-bottom: 20px;  
}

JavaScript

/*
$('#my_div').mouseenter(function(){
    console.log( 'mouse enter'); 
}); 
*/ 

$('#my_div').mouseover(function(){
    console.log(' mouse over '); 
});