JSFiddle - React, Tailwind, and code Playground

by Maria Karanasou

HTML

<body>
  <p>
  <span>Move the mouse over the div.</span>
  <span>&nbsp;</span>
</p>
 
<div></div>

CSS

div { width:420px; height:570px; margin: 10px 50px 10px 10px;
      background:yellow; border:2px groove; float:right; }
p { margin:0; margin-left:10px; color:red; width:220px;
    height:120px; padding-top:70px;
    float:left; font-size:14px; }
span { display:block; }

JavaScript

$(document).mousemove(function(e){
  var pageCoords = "( " + e.pageX + ", " + e.pageY + " )";
  console.log(pageCoords);
});