JSFiddle - React, Tailwind, and code Playground

HTML

<button id="btn1"> 1 </button>
<button id="btn2"> 2 </button>
<button id="btn3"> 3 </button>
<button id="btn4"> 4 </button>

<p id="demo"> button : </p>

JavaScript

var intervalId;
x=0;
y=0;
$("button").click(function() {
    x=this.id // or alert($(this).attr('id'));
});

$("button").mousedown(function() {
  intervalId = setInterval(dosom, 500);
}).mouseup(function() {
   y=0;
  clearInterval(intervalId);
});

function dosom() {
y+=1;
document.getElementById("demo").innerHTML = ("button" + x + "clicked :" +y );
}