Oi Francisco, tudo bem com você?
No caso esse idElementoAudio
representa o parâmetro que será passado pela nossa função. Quando temos uma função com parâmetros, significa que quando fazemos a chamada da função, iremos passar alguma variável para que essa função faça algo com a variável, como no exemplo seguinte:
function minhaFuncao( aquiVaiUmParametro ){
document.write(aquiVaiUmParametro + 1);
}
minhaFuncao(2);
No exemplo acima, criei uma função minhaFuncao
que aceita um parâmetro e chamei essa função passando o número 2 como seu parâmetro.
O resultado da função será escrever na tela o número que passei como parâmetro + 1, no caso, resulta em 3. Como você pode notar, entre os parênteses da função adicionei o aquiVaiUmParametro
, simplesmente para "avisar" o código de que essa é uma função que espera um parâmetro em sua chamada.
A mesma coisa foi feita nesse código que você trouxe:
function tocaSom (idElementoAudio) {
document.querySelector(idElementoAudio).play();
}
A function tocaSom espera que o nome do som que deve ser tocado seja passado para ela em sua chamado, portanto, entre os parênteses da função foi adicionado o idElementoAudio
. Mas poderia ser qualquer nome aí, ele só serve como se fosse uma variável que vai guardar o valor que está sendo passado na chamada da função, que foi feita assim:
listaDeTeclas[contador].onclick = function () {
tocaSom('#som-tecla-pom');
}
No nosso caso a função tocaSom está recebendo o #som-tecla-pom
, que é o ID do elemento que vai ser buscado pelo querySelector e então reproduzido o seu som através da função play.
Temos alguns conteúdos aqui na Alura que podem te ajudar a entender melhor como funcionam as funções em JavaScript. Recomendo o seguinte vídeo:
Espero ter solucionado sua questão.
Caso ainda tenha alguma dúvida, me coloco à disposição!
Um abraço e bons estudos!
Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!