JSFiddle - React, Tailwind, and code Playground

HTML

<div style="position: absolute; display: block; padding: 20px; height: 140px; width: 140px; background-color: yellow; padding: 10px;" id="outerDiv">
Div 1
</div>
<div style="left: 50px; position: absolute; display: block; padding: 20px; height: 140px; width: 140px; background-color: red; padding: 10px;"  id="innerDiv">
        Div 2
    </div>

JavaScript

var iD = document.getElementById('innerDiv')
var oD = document.getElementById('outerDiv')
console.log(iD)
iD.addEventListener('mousemove', (e) => {
console.log('red')
})
oD.addEventListener('mousemove', (e) => {
console.log('yellow')
})