[SOLUCIONADO] registrar mas de un eventListener para mas elemntos

[sonickseven]

Hola que tal muchacho pues bueno estoy empezando a trabajar con puro javascript pero me encontre con un problema algo feo y es que por ejemplo yo tengo tres elementos con el mismo id pero el contenido del data es diferente y quiere que me muestre cuando yo le doy click a cada uno su data!! pero solo muestra el data del primero. Alguien me menciono algo pero la verdad no he encontrado ayuda asi que recurro a uds

Código HTML:

<span class="abc" data-cont="5">hola</span>
<span class="abc" data-cont="20">mundo</span>
<span class="abc" data-cont="8">banana</span>
 

Código Javascript:

document.querySelector('.abc').addEventListener('click', function(){
    alert(this.dataset.cont);
}, false);
 

seria algo como esto pero solo me muestra en el alert 5 y el 20 o el 8 no aparecen ayuda si por que la verdad con jquery si lo puedo hacer pero como les digo quiero prender tambien javascript Graacias!!!

[Carlangueitor]

querySelector solo devuelve un objeto, si quieres obtener todos usa querySelectorAll (y también tienes que iterar los elementos para agregar el listener).

Saludos

[sonickseven]

olle gracias amigo pero una pregunta que es iterar?

[sonickseven]

ya listos por fin esta solucionado :D gracias amigo por tu ayuda

Código Javascript:

function menu(){
   alert(this.dataset.cont);
}
 
[].forEach.call(si('.abc'), function (elem) {
        elem.addEventListener('click', menu);
    });
 
function si(tag){
    return document.querySelectorAll(tag);
}
 

[Carlangueitor]

Justamente eso.