JSFiddle - React, Tailwind, and code Playground

by naokiota

HTML

<div id="elem0">0</div>
<div id="elem1">1</div>
<div id="elem2">2</div>
<div id="elem3">3</div>
<div id="elem4">4</div>
<div id="elem5">5</div>
<div id="elem6">6</div>
<div id="elem7">7</div>
<div id="elem8">8</div>
<div id="elem9">9</div>

CSS

div {
    width:100px;
    border:1px gray solid;
    padding:0.5em;
}

JavaScript

for (var i = 0; i < 10; i++) {
    (function (n) {
        
        $("#elem" + i).click(function(){
            console.log(n);
            msg(n);
        });
    })(i);
}
function msg(str){
    alert(str)
}