[Projeto] O meu só funcionou após fazer uma modificação

Quando eu fiz igual ao da instrutora, saia o som somente de um instrumento em específico, independente de qual tecla eu clicava. Apenas quando eu deixei as variáveis de instrumento e áudio dentro da função anônima que deu certo.

Abaixo segue como o meu funcionou:

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

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

var contador = 0

while (contador < listaDeTeclas.length ){
    const tecla = listaDeTeclas[contador];
    tecla.onclick = function(){

        var instrumento = tecla.classList[1];
        var audio = `#som_${instrumento}`
        tocaSom(audio)
    };
    contador++    
}

Aqui era como fiz igual ao da instrutora:

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

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

var contador = 0

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

Por favor, alguém sabe identificar se fiz algo errado?