JSFiddle - React, Tailwind, and code Playground

HTML

<p id="item1" class="imgclass">Test1</p>
<p id="item2" class="imgclass">Test2</p>
<p id="item3" class="imgclass">Test3</p>

JavaScript

imgclassElements = document.getElementsByClassName('imgclass');
for (var i = 0; i < imgclassElements.length; i++) {
    click(i);
}

function click(i){
        imgclassElements[i].onmouseover = function (e) {
            // you can also get the taget from e.target
           alert(i);
           alert(e.target.id);
        };
}