JSFiddle - React, Tailwind, and code Playground

by rexonms

HTML

<div class='t'>0</div>
<div class='t'>1</div>
<div class='t'>2</div>
<div class='t'>3</div>

JavaScript

https://www.sitepoint.com/a-collection-is-not-an-array/
var divs = document.getElementsByClassName("t");

/* for (var i = 0; i < divs.length; i++) {
  divs[i].addEventListener("click", function () => {
    console.log('i', i);
    console.log('this', this)
  })
} */
console.log(divs);
Object.keys(divs).map(i => {
	divs[i].addEventListener("click", () => {
  	console.log('i', i);
    console.log('this', this)
  })
})