JSFiddle - React, Tailwind, and code Playground

by Avi Algaly

HTML

<div class='v0'><div class='w0'><span r='271' data='0-0-0' class='ltr'>ב</span><span r='659' data='0-0-1' class='ltr'>ר</span>,<span r='407' data='0-0-2' class='ltr'>א</span>,<span r='642' data='0-0-3' class='ltr'>ש</span>,<span r='236' data='0-0-4' class='ltr'>י</span>,<span r='565' data='0-0-5' class='ltr'>ת</span></div>,<div class='w1'><span r='633' data='0-1-0' class='ltr'>ב</span>,<span r='188' data='0-1-1' class='ltr'>ר</span>,<span r='240' data='0-1-2' class='ltr'>א</span></div>,<div class='w2'><span r='425' data='0-2-0' class='ltr'>א</span>,<span r='527' data='0-2-1' class='ltr'>ל</span>,<span r='151' data='0-2-2' class='ltr'>ו</span>,<span r='208' data='0-2-3' class='ltr'>ה</span>,<span r='346' data='0-2-4' class='ltr'>י</span>,<span r='591' data='0-2-5' class='ltr'>ם</span></div>,<div class='w3'><span r='670' data='0-3-0' class='ltr'>א</span>,<span r='699' data='0-3-1' class='ltr'>ת</span></div>,<div class='w4'><span r='178' data='0-4-0' class='ltr'>ה</span>,<span r='435' data='0-4-1' class='ltr'>ש</span>,<span r='136' data='0-4-2' class='ltr'>מ</span>,<span r='665' data='0-4-3' class='ltr'>י</span>,<span r='659' data='0-4-4' class='ltr'>ם</span></div>,<div class='w5'><span r='221' data='0-5-0' class='ltr'>ו</span>,<span r='337' data='0-5-1' class='ltr'>א</span>,<span r='662' data='0-5-2' class='ltr'>ת</span></div>,<div class='w6'><span r='979' data='0-6-0' class='ltr'>ה</span>,<span r='905' data='0-6-1' class='ltr'>א</span>,<span r='920' data='0-6-2' class='ltr'>ר</span>,<span r='624' data='0-6-3' class='ltr'>ץ</span></div></div>

CSS

div {
  background-color:#000;
}
div>div {
  border:solid 1px #ff0000;
}
span {
  color:lightgreen;
  cursor:pointer;
  padding:5px;
}
span:after {
  content:"   |";
  
}

JavaScript

var elements = document.getElementsByClassName("ltr");

var myFunction = function() {
    var attribute = this.getAttribute("data");
    alert(attribute);
};

for (var i = 0; i < elements.length; i++) {
    elements[i].addEventListener('click', myFunction, false);
}