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) {
         
        nodes[i].onclick = function (e) {
            alert(i);    
        };
    }
};

pnodes = document.getElementsByClassName("node");

add_the_handlers(pnodes);