JSFiddle - React, Tailwind, and code Playground

HTML

<ul id="myList">
    <li><span>*</span>Cat</li>
    <li><span>*</span>Dog</li>
    <li><span>*</span>Avocado</li>
</ul>

JavaScript

window.onload=function()
{
    

    l =document.getElementById('myList');
    
    items = l.getElementsByTagName('li');
    
    for(i=0;i<items.length;i++){
        items[i].i = i;
        items[i].onclick = myAlert;
    }
    
    
    function  myAlert() {
    alert(this.i)
    }
}