JSFiddle - React, Tailwind, and code Playground

HTML

<div id="sam" ></div>
    <span class="page">Coords</span>
    <span class="client">Coords</span>

CSS

div {
            background-color: Yellow; 
            width: 300px;
            height: 300px;
        }

        body {
            height: 2000px;
            padding:0;
            margin:0;
        }

JavaScript

$("#sam").click(function (e) {

            var clientCoord = "( " + e.clientX + ", " + e.clientY + " )";
                $(".client").text("client coords " + clientCoord);
            });