JSFiddle - React, Tailwind, and code Playground

HTML

<ul id="ul">
    <li>first</li>
    <li>second</li>
    <li>third</li>
    <li>toogfg</li>
</ul>

JavaScript

window.onload = function() {
    var myLi = document.getElementById('ul').getElementsByTagName('li');

    var calls = [];
    calls[0] = function() { alert("1"); };
    calls[1] = function() { alert("2"); };
    calls[2] = function() { alert("3"); };
    calls[3] = function() { alert("dfgf"); };
    
    for (i = 0; i < myLi.length; i++) {
        myLi[i].addEventListener('click', calls[i], false);
    }
};