Solucionado
Na function tocaSom() passamos por parâmetro idElementoAudio, contudo, quando utilizamos no console do navegador , colocamos ('#som_tecla_pom'), por exemplo. Então por que não passamos como parâmetro esse '#'.
exemplo :
function tocaSom('#idElementoAudio'){
document.querySelector('#idElementoAudio').play();
}
Olá, Anthony.
Tudo bem?
Quando você declara a função, você deve passar um parâmetro genérico com um nome que faz sentido, pois na hora que você for executar essa função o parâmetro vai ser o que você definiu porem agora com o valor real.
Aqui tem o parâmetro sem as aspas ,pois é como se fosse uma variável que só vai receber o valor na hora de executar essa função:
function tocaSom(idElementoAudio){
document.querySelector(idElementoAudio).play();
}Agora sim passamos o valor real que queremos que substitua o parâmetro e faça funcionar a função ai passamos entre aspas e com o "#" pois se trata de um id:
tocaSom("#som_tecla_pom")tocaSom("#som_tecla_clap")tocaSom("#som_tecla_tim")tocaSom("#som_tecla_tic")Qualquer um desses que passarmos de cada vez vai soar o som esperado, pois a função espera um id como parâmetro.
Espero ter ajudado. Qualquer dúvida manda aqui. Valeu.