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!!!