JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/mdbootstrap/4.4.4/css/mdb.min.css">
<div class="my-5">
  <div class="container">
    <div class="row">
      <div class="col-3 pull-right">
        <a href="" class="btn btn-primary" id="compteur">0</a>
      </div>
    </div>
  </div>
</div>

JavaScript

var compteur = 0, $compteur = document.getElementById('compteur');

$compteur.addEventListener('click', function (event) {
	event.preventDefault();
  if (compteur < 5) {
  	compteur++;
	} else {
  	$compteur.classList.add('disabled');
	}
  $compteur.innerText = compteur.toString();
});