JSFiddle - React, Tailwind, and code Playground

by Maria Karanasou

HTML

<div div-value="My Div 1" style="background: blue;">Div 1</div>
<div div-value="My Div 2" style="background: green;">Div 2</div>
<div div-value="My Div 3" style="background: blue;">Div 3</div>

JavaScript

function myFunction() {
  var divs = document.getElementsByTagName('div');
  console.log(divs, divs.length)
  for (var i=0; i < divs.length; i++) {
    divs[i].addEventListener("click", function(e) {
      var data = e.target.getAttribute('div-value');
      alert(data);
    });
  }
}

window.onload = myFunction();