JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    THIS IS WRITTEN IN PURE JAVASCRIPT
</div>
<div id='d' onmousemove="mouseMove(event)">
    
    
</div>
<div id="cordinates"></div>

CSS

#d
{
    background-color:orange;
    width:200px;
    height:200px;
}

JavaScript

function mouseMove(e) {
    var cursorX = e.clientX - document.getElementById('d').offsetLeft;
    var cursorY = e.clientY - document.getElementById('d').offsetTop;
 document.getElementById('cordinates').innerHTML  = "X: " + cursorX + " Y: " + cursorY;
  
}