JSFiddle - React, Tailwind, and code Playground

HTML

<div id="r"></div>
<img id="w" src="http://paulirish.com/avatar150.jpg" width="150" height="150" />

CSS

#w {
    position:absolute; top:132px; left:23px;
}

JavaScript

$('#w').click(function(e){
    var x = e.pageX - e.target.offsetLeft,
        y = e.pageY - e.target.offsetTop;
    
    $('#r').html('x:'+x+' y:'+y);
});