JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#" class="link">link</a>
<a href="#" class="link">link</a>
<a href="#" class="link">link</a>
<a href="#" class="link">link</a>
<a href="#" class="link">link</a>
<a href="#" class="link">link</a>
<a href="#" class="link">link</a>
<a href="#" class="link">link</a>
<a href="#" class="link">link</a>
<a href="#" class="link">link</a>

JavaScript

//good way
document.addEventListener( "click", linkOnClick );

function linkOnClick( event ) {
	if( event.target.classList.contains( "link" ) ) {
  	alert( "lol" );
  }
}


//not so good way
var links = document.querySelectorAll( ".link" );

for( var i = 0; i < links.length; i++ ) {
 links[i].addEventListener( "click", function( event ) {
 	alert( "22222" );
 })
}