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++) {
    $("#id" + i).data("n",i).click(function () {
        var n = $(this).data('n')
        console.log("Handler for " + n + " called.");
    });
}