<div>
<label for="numero">Cordenada X: </label><input type="text" id="cordenadaX">
<label for="numero">Cordenada Y: </label><input type="number" id="cordenadaY">
</div>
div{
width:40%;
display:grid;
grid-template-columns: 1fr 30% 1fr 30%;
}
$(document).mousemove(punteroX);
function punteroX(e){
$("#cordenadaX").val(e.clientX);
$("#cordenadaY").val(e.clientY);
}
This Pen doesn't use any external CSS resources.