JSFiddle - React, Tailwind, and code Playground

by Matt_Coughlin

HTML

<a href="#">link1</a>
<a href="#">link2</a>
<a href="#">link3</a>

JavaScript

var myArray = [
	{property: "value1"},
	{property: "value2"},
	{property: "value3"}
];

var pageLinks = document.getElementsByTagName("a");

for (i = 0, len = pageLinks.length; i < len; i++){
    
    // This closure allows the value of "i" to be used
    // when the event handler is fired.
    (function(i){
    
        pageLinks[i].addEventListener("click", function(){
            alert(myArray[i].property);
        }, false);
        
    })(i);
}