JSFiddle - React, Tailwind, and code Playground

by wZVanG

HTML

<div id="galeria">
<ul id="imgLista">
<li><a>A</a></li>
<li><a>B</a></li>
<li><a>C</a></li>
</ul>
</div>

CSS

.active {
    background:tomato
}

JavaScript

function posicionEnlace(index){
    alert(index);
 
    links(function(){
        this.classList.remove("active")
    });
    this.classList.add("active");
}

function links(callback){
    var contenedor = document.getElementById("galeria")
    , lista = contenedor.getElementsByTagName("a");
    for(var i=0; i<lista.length; i++) {
        callback.call(lista[i], i);
    }
}

document.addEventListener("DOMContentLoaded", function(event) { 
    links(function(i){
        this.onclick = posicionEnlace.bind(this, i)
    });
});