Alguém pode me ajudar com esse erro de referência? Diz que tecla não tem definição, porém já declarei ela como uma const.

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

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

let contador = 0;

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

    const tecla = listaDeTeclas[contador];

    const instrumento = tecla.classList[1];

    const idAudio = `#som_${instrumento}`
    // console.log(idAudio);
    }

    tecla.onclick = function () {
        tocaSom (idAudio);
    }

listaDeTeclas [contador].onclick = function () {
        tocaSom (idAudio);
    }

            // Interação com o teclado ↓
    tecla.onkeydown = function (evento) {

        console.log (evento.code == 'Space')

       if(evento.code === 'Space') {
        tecla.classList.add('ativa');
    }

    tecla.onkeyup = function () {

        tecla.classList.remove('ativa');
    }

}