Estoy trabajando en una aplicación web en HTML y JS y necesito capturar los clics en cada elemento de lista de una lista. La lista se crea dinámicamente en un bucle for de la siguiente manera:
var i = document.createElement("li"); i.innerHTML = "something" uList.appendChild(i);¿Cómo puedo hacer que se pueda hacer clic en listItems o capturar clics en cada uno de ellos por separado (hacer clic en el elemento específico)? Intenté agregar un eventListener en la lista y luego aislar el objetivo del evento (hacer clic). El problema es que esto contaría tantos clics como el tamaño de la lista.
Vincule el oyente onclick al nuevo elemento.
i.onclick = () => { console.log('hi'); };