JSFiddle - React, Tailwind, and code Playground

HTML

<body>
    <div id='js-click-me' style='width: 50px; height: 50px; background-color: red; cursor: pointer;'>Click me</div>
    <div id='js-debug'></div>
</body>

JavaScript

let click = 0;
const elem  = document.getElementById("js-click-me");
elem.addEventListener("click", function abc(e) {
    document.getElementById("js-debug").innerHTML += "click<br>"; // debug only
		click++;
    if (click >= 5) {
				document.getElementById("js-debug").innerHTML += "done!<br>"; // debug only
        elem.removeEventListener("click", abc);
    }  
});