JSFiddle - React, Tailwind, and code Playground

HTML

<div class="node"></div>
<div class="node"></div>
<div class="node"></div>

CSS

.node {
    width: 100px;
    height: 30px;
    border: solid 1px #000;
}

JavaScript

var add_the_handlers = function (nodes) {

    var i;

    for (i = 0; i < nodes.length; i += 1) {
        (function (i) {
            nodes[i].onclick = function (e) {
                alert(i);
            };
        
        })(i);
    }
};

pnodes = document.getElementsByClassName("node");

add_the_handlers(pnodes);