JSFiddle - React, Tailwind, and code Playground

HTML

<div id="clickme">
click me
</div>
<div id="log">

</div>

JavaScript

var clickmeEl = document.getElementById("clickme");
var counter = 0;
var posX1 = 0;
var posX2 = 0;
clickmeEl.addEventListener("click", function(e){
	counter += 1;
  if(counter%2 == 0){ // Check if the counter is even
  	// If it is even, it means it is the Client 2 that clicked
  	posX2 = e.clientX;
  	document.getElementById("log").innerHTML = "Client 2 : " + posX2;
  }
  else{
  	// Else it is the Clent 1
 	 	posX1= e.clientX;
    document.getElementById("log").innerHTML = "Client 1: " + posX1
  }
})