[Projeto] Usando os botões com diferentes teclas do teclado

Algumas Alterações no projeto

Se quiser pode verificar as alterações por esse links

https://andrewmoreira91.github.io/Midi-Alura/ Link do projeto funcionando

https://github.com/AndrewMoreira91/Midi-Alura link do GitHub

Fiz umas pequenas alterações no projeto, coloquei para cada botão do Midi ser acionado por uma tecla específica do teclado.

const listaKeys = ['t', 'y', 'u', 'g', 'h', 'j', 'b', 'n' ,'m']

for (let i=0; i < listaTeclas.length; i++) {
    const tecla = listaTeclas[i];
    const nameClass = tecla.classList[1];
    const idAudio = `#som_${nameClass}`;

    document.addEventListener('keydown', function(event) {
        if (event.key === listaKeys[i]) {
            tecla.classList.add('ativa');
            tocaSom(idAudio)
        }
    })

E também coloquei uma condição na função tocaSom, onde ser o som já estiver tocando ele reinicia o som para o começo

function tocaSom (seletorAudio) {
    const audio = document.querySelector(seletorAudio)
    if (audio == null || audio.localName != 'audio') {
        console.log('Elemento não encotrado ou seletor inválido')
    } else {
        if (audio.paused) {
            audio.play();
        } else {
            audio.currentTime = 0;
        }
    }
}