Boa noite, revisando o conteúdo me surgiu uma dúvida. Utilizando "document.querySelectorAll('.paciente'), selecionei uma lista, a qual contém todos os itens da minha página que contém a referida classe. Em seguida foi feito o uso do "foreach" junto do "addEventListener" para "escutar" os eventos. O ponto aqui é: Como o JS entende que foi aquele elemento específico do meu "array" que foi clicado? O laço de repetição vai passar em cada "indice" do array, mas como ele entende até onde deve prosseguir no laço de repetição? Isso não ficou claro para mim.
Fiz um código de teste, e percebi que o laço se mantém até chegar no elemento clicado, mas não consegui entender a 'lógica' que o JS faz para entender qual o elemento sofreu a ação. Segue código:
var teste= document.querySelectorAll('.paciente');
for(let i = 0; teste.length > i; i++){
teste[i].addEventListener('dblclick',function(){
console.log('Passei aqui '+i+' vezes');
})
}
