JSFiddle - React, Tailwind, and code Playground

HTML

<body>
  <div onmousemove="Localizacao(event)" onmouseout="clearCoor()"></div>
  <p id="area"></p>
  <div>+</div>  
  
  <script>
    function Localizacao(e) {
      var x = e.clientX;
      var y = e.clientY;
      var coor = "Coordenadas: ("+"x: " + x + "," + "y: "+ y + ")";
      document.getElementById("area").innerHTML = coor;
    }

    function clearCoor() {
      document.getElementById("area").innerHTML = "";
    }
  </script>
</body>

CSS

div {
  width: 600px;
  height: 200px;
  border: 1px solid black;
}