JSFiddle - React, Tailwind, and code Playground

HTML

<div class="arrow" click="0">gg</div>
<div class="arrow" click="0">gg</div>
<div class="arrow" click="0">gg</div>
<div class="arrow" click="0">gg</div>
<div class="arrow" click="0">gg</div>
<div class="arrow" click="0">gg</div>

JavaScript

$('.arrow').on('click', count);

function count() {
	var clickCount = $(this).attr('click'),
  // можешь передать кнопку по которой был клик для изменения ее свойств в функцию uslovia
  arrow = $(this);
  clickCount++;
  $(this).attr('click', clickCount);
  
	$(this).html(clickCount);
  
  uslovia(clickCount, arrow);
}

function uslovia(clickCount, arrow) {
	// Надо использовать значение переменной в условиях

  if (clickCount >= 5 && clickCount <= 6) {
  	// это если ты хочешь какую либо функцию замутить
    alert('Условие');
  }
  
  // редачишь свойства кнопки
  if (clickCount >= 7) {
    arrow.css('color', 'red');
  }
}