JSFiddle - React, Tailwind, and code Playground

HTML

<div id="test">
    <ul><li>test</li><li>test2</li><li>test3</li><li>test4</li></ul>
</div>

JavaScript

var elems = document.querySelectorAll("#test ul li");
for (var i = 0; i < elems.length; i++) {
    (function(i) {
        elems[i].onmouseover = function() {
            console.log("See?" + i);
        }
    })(i)
}