JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
<li>test</li>
<li>test</li>
<li>test</li>
<li>test</li>
</ul>

JavaScript

var myElements = document.getElementsByTagName('li');

function getHandler(n) {
    n += 100;
    return function() {
        alert('You clicked on: ' + n);
    };
}

for (var i = 0; i < myElements.length; i++) {
    myElements[i].onclick = getHandler(i);
}

alert('after for: ' + i);