JSFiddle - React, Tailwind, and code Playground

HTML

<br><br><br>
<div id="awesome">This is some awesome text</div>

CSS

#awesome {
    margin-left: 10px;
}

JavaScript

$(function () {
    $("#awesome").click(function (event) {
      var div = $(this);  
      var posX = event.pageX - div.offset().left;
      var posY = event.pageY - div.offset().top;
    
      alert("X: " + posX + " Y: " + posY);
    });
});