JSFiddle - React, Tailwind, and code Playground

by naokiota

HTML

<div id="id1">1</div>
<div id="id2">2</div>
<div id="id3">3</div>
<div id="id4">4</div>
<div id="id5">5</div>
<div id="id6">6</div>
<div id="id7">7</div>
<div id="id8">8</div>
<div id="id9">9</div>
<div id="id10">10</div>

CSS

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

JavaScript

for (var i = 1; i <= 10; i++) {
    (function (n) {
        $("#id" + i).click(function () {
            console.log("Handler for " + n + " called.");
        });
    })(i);
}