JSFiddle - React, Tailwind, and code Playground

HTML

<h3>Example</h3>
<p>Click in the box below</p>
<input id="demo-box"/>

JavaScript

$(function() {
function rPosition(elementID, mouseX, mouseY) {
    alert('jjj');  
var offset = $('#'+elementID).offset();
    alert(offset.top);
  var x = mouseX - offset.left;
  var y = mouseY - offset.top;
  return {'x': x, 'y': y};
}
    
    
    
$("#demo-box").click(function(e) {

  var offset = $(this).offset();
  var relativeX = (e.pageX - offset.left);
  var relativeY = (e.pageY - offset.top);
alert(rPosition('demo-box',relativeX,relativeY));
  //alert("X: " + relativeX + "  Y: " + relativeY);
    

});
});