1
resposta

Useiessa estrutura para criar iteratividade com as teclas.

const keyList = tagList('.tecla'); 

keyList.forEach((target, index) => {

  const itemTag = keyList[index]; // Seleciona o todos items da lista "keyList"

  target = itemTag.classList[1]; // Pega o segundo valor da lista de classes do item (index 1)
    
  const audioId  = document.querySelector(`#som_${target}`); // Seleciona o elemento de áudio correspondente ao ID dinâmico


  itemTag.addEventListener('click', () => {

    const currentTime = Date.now();

     const timeDifference = currentTime - lastClickTime;

    // Calcula o intervalo de tempo entre cliques

    lastClickTime = currentTime;

    handleClick(audioId); // Toca o som imediatamente ao clicar

    clickSound.push({ sound:audioId, timeDifference }); // Armazena o som e o intervalo de tempo

  });  
});
1 resposta

Olá, Lucas!

Seu código é interessante! Fiz alguns ajustes para utilizá-lo, mas, no geral, está funcional. Se funcionou para você, parabéns! Explorar e aprimorar o código é essencial para a fixação e aprendizado do conteúdo!

Reforço que em casos de dúvidas, conte sempre com o fórum da comunidade Alura! Bons estudos!

Sucesso

Um grande abraço e até mais!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!