JSFiddle - React, Tailwind, and code Playground

HTML

<div id="status">0,0</div>

<div id="lr"></div>

JavaScript

var xPrev = 0;
    jQuery(document).ready(function(){

       $(document).mousemove(function(e){
           xPrev<e.pageX ? $('#lr').html("right") : $('#lr').html("left");
           xPrev=e.pageX;
          $('#status').html(e.pageX +', '+ e.pageY);
           
       }); 
    })