JSFiddle - React, Tailwind, and code Playground

by Stalk

HTML

<h1 id="log">&nbsp;</h1>
<ul id="test">
    <li>A</li>
    <li>B</li>
    <li>C</li>
    <li>D</li>
    <li>E</li>
</ul>

CSS

li {
    list-style-type: none;
    float: left;
    padding: .5em;
    margin: 4px;
    background-color: lightgray;
    cursor: pointer;
    font-size: 200%;
}

JavaScript

document.querySelector('#test').addEventListener("click", function(evt){
    document.querySelector('#log').innerHTML = 
    	[].indexOf.call(this.children, evt.target);
});