JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.jquery.com/jquery-1.12.0.min.js"></script>

<div class="circles">
  Hey
</div>

CSS

.circles{
  background-color: #ffffff;
}

JavaScript

var counter = 0

$(".circles").click(function() {

  counter++;
  console.log(counter, $(this).css("background-color"))
  if (counter % 2 === 0 && $(this).css("background-color") == "#FFFFFF") {
    $(this).css("background-color", "black");
  } else {
    $(this).css("background-color", "red");
  }
})