マウスを動かしてください。
scliptの中でdocument.EventListen();を行います。
<script>
document.addEventListener("mousemove",function(event){
let x=event.offsetX;
let y=event.offsetY;
document.getElementById('position').innerHTML="x="+x+"][y="+y;
});
</script>
mousemoveをcrickに変えるとクリックしたときのみ表示が変わります。
clientXブラウザの左上を基準とした X 座標。
offsetX要素の左上を基準とした X 座標。
pageXページの左上を基準とした X 座標。
screenXデバイスの左上を基準とした X 座標。