JSFiddle - React, Tailwind, and code Playground

by gopi1410

HTML

<div class="test"></div>
<div class="test"></div>
<div class="test"></div>
<div class="test"></div>
<div class="test"></div>

CSS

div.test {
  width : 100px;
  height: 100px;
  margin:20px;
  background-color:red;
}

JavaScript

var divs = document.querySelectorAll("div");
for (var index = 0; index < divs.length; ++index) {
    divs[index].addEventListener('click', e => {
        alert("Index is: " + index);
    });
}