Nao entendo o porque da funçao

function tocaSom(idElementoAudio) { document.querySelector(idElementoAudio).play(); }

const listaDeTeclas = document.querySelectorAll('.tecla');

for (let contador = 0; contador < listaDeTeclas.length; contador++){

const tecla = listaDeTeclas[contador];
const instrumento = tecla.classList[1];
const idAudio = `#som_${instrumento}` ; //template string

tecla.onclick = function(){
    tocaSom(idAudio);
}
tecla.onkeydown =  function(){
    if(){
        tecla.classList.add('ativa');
    }

}
tecla.onkeyup = function(){
    tecla.classList.remove('ativa');
}

}

A PROFESSORA NAO EXPLICA MAIS EU TO UMA DUVIDA!, por que q ao apertar alguma tecla aciona a funçao ? ja que ela ta dentro de um for ele permite? e porque q o numero da tecla é passado para contador sendo que contador é 0 definido no começo?