JSFiddle - React, Tailwind, and code Playground

HTML

<div>

 <span class="dot">dot</span>
 <span class="dot">dot</span> 
 <span class="dot">dot</span>
 <span class="dot">dot</span>
 <span class="dot">dot</span>

</div>

JavaScript

var dots = document.querySelectorAll(".dot");

for(var i = 0; i < dots.length; i ++){
dots[i].dotIndex = i;
dots[i].addEventListener("click", function(){
console.log(this.dotIndex);
})
}