JSFiddle - React, Tailwind, and code Playground

HTML

<ul id="myList2">
    <li>
     <a href="javascript:;" class="" >text1</a>
    </li>
    <li>
     <a href="javascript:;" class="" >text2</a>
    </li>
    <li>
     <a href="javascript:;" class="" >text3</a>
    </li>
</ul>

JavaScript

$$('ul#myList2 li').each(function(elmt) { 

       elmt.observe('click', function(ev) {  

       var  tab;

       tab=elmt.down('a').readAttribute('href');

       alert("entered");     
       alert(tab);
       });  
  });