Estoy tratando de agregar oyentes onclick a una lista de botones, la identificación de los botones está en un rango de longitud de matriz 0 en este patrón btn1-btn2-btn3 y así sucesivamente
Utilizo un ciclo for para obtener los botones por id y los detectores de eventos contra el elemento dom obtenido:
for(var i =0; i<length; i++){ console.log("log 1: Adding listener for "+i); document.getElementById("btn"+i).addEventListener("click", function(){ myFunc(i); }); }
La función
myFunc(i){ alert(i); }
El problema
No importa en qué botón haga clic, siempre obtengo el último número en el bucle for de la alerta. Lo he comprobado y todos los botones tienen ID diferentes y la salida del registro 1 es correcta (diez registros 0-9). Sin embargo, la salida del registro 2 es el último número 10 sin importar en qué botón haga clic.
Quiero saber cómo puedo pasar el iterador (i) en el oyente onclick. Cualquier consejo o sugerencia será de gran ayuda para este novato, ¡Gracias!