Solucionado (ver solução)
Solucionado
(ver solução)
3
respostas

de onde saiu esse idelementoaudio?

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

pq id elemento audio?? nao tem nenhum id com esse nome? o js script reconhece isso como? id e audio eu ate entendo, mas e esse elemento? essa string elemento é uma especie de funcionalidade que busca todos os ids que possui audio?

3 respostas
solução!

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!

Muito obrigado Rafaela Aparecida Petelin Silvério, me ajudou bastante a entender. Também era a minha dúvida.

entendi, é tipo um var idElemento so q é um parametro apenas pra aquela função.