1
resposta

JavaScript para Web: Crie páginas dinâmicas - Execução do código .js do exemplo da aula 4

Na aula 4, uma solução para permitir que os botões do alura midi toquem um som ao serem clicados é o código abaixo. Esse código é executado uma única vez ou fica em loop enquanto o navegador está aberto?

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

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

for (let counter = 0; counter < listaDeTeclas.length; counter++){ 

    tecla = listaDeTeclas[counter];

    let instrumento = tecla.classList[1];

    let idAudio = `#som_${instrumento}`;

    console.log(idAudio);

    tecla.onclick = function() {
        tocaSom(idAudio);
    }
}
1 resposta

Olá Nicolas, tudo bem?

Desde já peço desculpas pela demora em obter um retorno

Quanto a function tocaSom(idAudio) ela só é executada quando, é chamada no for como podemos ver ao observar o trecho do código , quando o laço for ele é executado a partir do momento que há um validação ou seja quando counter < listaDeTeclas.length ele é executado, nesse caso digamos que a todo momento está sendo verificado, pois há cada interação do usuário os valores são alterados e o for faz as suas verificações mas não é se torna um loop infinito.

Espero ter ajudado qualquer dúvida a respeito e estarei à disposição para te ajudar.

Conte com a Alura para evoluir nos seus estudos!

Bons estudos

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