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

for(var i =0; i < document.getElementById('test').getElementsByTagName("li").length; i++){									
    document.getElementById('test').getElementsByTagName("li")[i].onmouseover= function(){
	alert(document.getElementById('test').getElementsByTagName("li")[i].innerHTML);
    }
}