JSFiddle - React, Tailwind, and code Playground

HTML

<div id="foo"></div>

CSS

div { border: 3px solid red; width: 300px; height: 300px; }

JavaScript

var myDiv = document.getElementById('foo');

myDiv.onmouseenter = function() { 
    alert('entered');
}

myDiv.onmouseleave = function() { 
    alert('left');
}