Detecting click elements of an array

Question

If I own a div with id="banner-tooltips", and within it I have n <span> tags declared in variables with javascript, how I can detect the individual click on these span tags ?

var caixaTooltips = document.getElementById("banner-tooltips");
var tooltips = caixaTooltips.querySelectorAll("span");

Answer 1

You can iterate all the span and add the event click:

var caixaTooltips = document.getElementById("banner-tooltips");
var tooltips = caixaTooltips.querySelectorAll("span");

for (let i = 0 ; i < tooltips.length ; i++){
    tooltips[i].addEventListener('click', function(e){
        console.log("Fui clicado: " + e);
    });
}