1
resposta

[Projeto] 1) Incrementando o contador no console

// Som Pom
let contadorBotao = 0;

function tocaSom(idElementoAudio){
    contadorBotao = contadorBotao + 1;
    console.log(`Contador botão: ${contadorBotao}`);
    document.querySelector(idElementoAudio).play();
}

const listaTeclas = document.querySelectorAll('.tecla'); // Lista com todas as teclas

// exemplo de função anonima  .onclick por exemplo. NAO É NECESSARIO DAR NOME)
for (let contador = 0; contador < listaTeclas.length; contador++) {

    const tecla = listaTeclas[contador]; // armazena todos os elementos com a iteração do contador

    const instrumento = tecla.classList[1]; // seleciona a class contido no elemento
    
    const idAudio = `#som_${instrumento}`; // template string

    // função anonima (por padrão o js chama automat. a função, por isso é criado essa função anonima para ser executada somente quando tiver o evento
    tecla.onclick = function () {
        tocaSom(idAudio);
    }
}
1 resposta

Oi, Diego! Como vai?

Obrigada por compartilhar seu código com a comunidade Alura.

Achei muito legal a forma como você incrementou o contador dentro da função tocaSom, isso ajuda bastante a acompanhar quantas vezes os botões foram acionados durante a execução.

Continue firme nos estudos.

Alura Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!