JSFiddle - React, Tailwind, and code Playground

by adeneo

HTML

<div id="spans">
    <span>This is span #1</span>
    <span>This is span #2</span>
    <span>This is span #3</span>
</div>

JavaScript

var div = document.getElementById("spans");
var spans = div.getElementsByTagName("span");

div.addEventListener('click', function(e) {
    var span         = e.target;
    var spanSiblings = 0;
    var arr          = [].slice.call(spans);
    var index        = arr.indexOf( e.target )
    
    console.log(index);
});