JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li><div class="d"  tabindex="0" role="button"></div></li>
    <li><div class="d"  tabindex="0"></div></li>
    <li><div class="d"  tabindex="0"></div></li>
    <li><div class="d"  tabindex="0"></div></li>
    <li><div class="d"  tabindex="0"></div></li>
    <li><div class="d"  tabindex="0"></div></li>
</ul>

CSS

ul{
    padding:20px;
}
li{
    margin-left:30px;
    margin-bottom:10px;
    border:1px solid black;
    
}
.d{
    padding:10px;
    background:gray;
}

JavaScript

document.getElementsByTagName('li').addEventListener('click',function(e){
    console.log(e.target);
},false);