alguem pode me explicar onde esta o erro do codigo

Ele não fica vermelho ao pressionar a tecla enter, como corrigir esse erro ? Não consigo dar a funcionalidade de clicar com o enter e ele ficar vermelho

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

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

//para
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 (evento) {
        if (evento.code === 'Space' || evento.code === 'Enter') {
            tecla.classList.add('ativa');
        }
    }

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