JSFiddle - React, Tailwind, and code Playground

by mblase75

HTML

<button>0</button>
<button>1</button>
<button>2</button>
<button>3</button>
<button>4</button>
<div id="log"></div>

JavaScript

var logDiv = $("#log");

for (var i = 0; i < 5; i++) {
    (function (i) {
        $("button").eq(i).on("click", {
            value: i
        }, function (event) {
            var msgs = [
                "button = " + $(this).index(),
                "event.data.value = " + event.data.value,
                "i = " + i];
            logDiv.append(msgs.join(", ") + "<br>");
        });
    })(i);
}