JSFiddle - React, Tailwind, and code Playground

HTML

<div id='1'></div>
<div id='2'></div>
<div id='3'></div>
<div id='4'></div>
<label></label>

CSS

div {
   width: 10px;
   height: 10px;
   border: 1px solid black;
 }

JavaScript

var n = 4
for (var i = 0; i < n; i++) {

    $('#' + i)
    .click (function (){cb (i)})

} // end for (var i = 0; i < n; i++)
        
function cb (j) {
    $('label').text(j)
}