[Dúvida] A algum problema no idElementoAudio

Olá Sabrina, tudo bem?

O erro "Uncaught DOMException: Failed to execute 'querySelector' on 'Document': [object PointerEvent] is not a valid selector" ocorre devido a um problema na chamada da função querySelector dentro da função tocaSom.

Ao passar o parâmetro idElementoAudio para a função querySelector, o valor estava sendo recebido como um objeto do tipo PointerEvent, em vez de uma string contendo o seletor do elemento de áudio desejado. Por isso, o querySelector não consegue encontrar o elemento correto e gerava o erro.

Sendo assim seu código refatorado fica assim:

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

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

listaDeTeclas.forEach((tecla) => {
  const instrumento = tecla.classList[1];
  const idAudio = `#som_${instrumento}`;

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

  console.log(idAudio);
});

Para corrigir esse problema, foi adicionada uma linha extra dentro da função tocaSom para obter corretamente o elemento de áudio com base no seletor idElementoAudio.

Espero ter ajudado, qualquer dúvida, me coloco à disposição! Bons estudos!

Sucesso

Um grande abraço e até mais!

Olá Vitor, bom dia

acredito que achei meu erro, eu não tinha excluido a linha

listaDeTeclas[contador].onclick= tocaSom;

do código, obrigada