JSFiddle - React, Tailwind, and code Playground

HTML

<div class="active"></div>
<p id="display">0</p>

CSS

div {
  background: gray;
  width: 30px;
  height: 30px;
}

div.active {
  background: green;
}

JavaScript

var x = 0

document.addEventListener('click', function(evt){
  if (evt.target.classList.contains('active')) {
    display.innerHTML = ++x
    evt.target.classList.remove('active')
    setTimeout(function(){
      evt.target.classList.add('active')
    }, 3000)
  }
})