JSFiddle - React, Tailwind, and code Playground

HTML

<br><div id="one">one</div>

CSS

html, body, div {
    margin: 0;
    border: 0;
    padding: 0;
}

html,body {
    height: 100%;
    width: 100%;
}



div {
    display: inline-block;
    height: 50px;
    width: 50px;
    background-color: red;
    margin-left: 10px;
}

JavaScript

var k = $("#one");

$('body').click(function(e) {
    relX = e.clientX-k.offset().left;
    relY = e.clientY-k.offset().top;
    console.log(relX + " " + relY);
}
);