Estou na aula 7 do 4º módulo do curso de java script: crie páginas dinâmicas, o código funciona, eu entendo como funciona um while, mas não entendo como ele está servindo para essa situação, me ajudem a esclarecer essa dúvida por favor.

Meu ponto é que se o contador vai correndo um por um, não deveria fazer diferença qual tecla a gente aperta, mas sim o número em que o contador se encontra, então não está fazendo sentido nenhum pra mim e eu estou desesperado hahaha.

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


const listaDeTeclas = document.querySelectorAll('.tecla');
const listaDeSons = document.querySelectorAll('audio');
let contador = 0;


while (contador < listaDeTeclas.length) {

    const tecla = listaDeTeclas[contador];
    const instrumento = tecla.classList[1];
    const idAudio = `#som_${instrumento}`;
    listaDeTeclas[contador].onclick = function () {
        tocaSom(idAudio);
    }
    contador = contador + 1;
}