Untitled

<body>

<h2 onclick="showCoords(event)">
=============================<br>
potential area that contains the rectangle
=============================<br>
</h2>

<p><strong>Hint:</strong> Try to click different places in the heading.
</p>

<p id="demo"></p>

<script>
function showCoords(event) {
   var x = event.clientX;
   var y = event.clientY;
   var coords = "X coords: " + x + ", Y coords: " + y;
   document.getElementById("demo").innerHTML = coords;
}
</script>
</body>