Importante

Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!

1
resposta

[Sugestão] atividade 2

Realmente existe uma outra forma pra não escrever tanta função. Na primeira vez nos deparamos pela quantidade de código e agora vária funções repetidas. Como sugestão e espero que me corrija, agente pode fazer uma array da lista e tocar os sons ou fazer um if else. pode ser?

function tocaSomPom () {
    document.querySelector("#som_tecla_pom").play();
    // document.querySelector('#som_tecla_tim').play();
    // document.querySelector('#som_tecla_puff').play();
    // document.querySelector('#som_tecla_splash').play();
    // document.querySelector('#som_tecla_toim').play();
    // document.querySelector('#som_tecla_psh').play();
    // document.querySelector('#som_tecla_tic').play();
    // document.querySelector('#som_tecla_tom').play();
    
}
function tocaSomClap(){
    document.querySelector('#som_tecla_clap').play();   
}

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

listaTecla[0].onclick = tocaSomPom;
listaTecla[1].onclick = tocaSomClap;
listaTecla[2].onclick = tocaSom;
listaTecla[3].onclick = tocaSom;
listaTecla[4].onclick = tocaSom;
listaTecla[5].onclick = tocaSom;
listaTecla[6].onclick = tocaSom;
listaTecla[7].onclick = tocaSom;
listaTecla[8].onclick = tocaSom;
1 resposta

Oi, Sergio, como vai?

Parabéns pelo resultado, ficou ótimo!

Também agradeço por compartilhar seu código com os demais estudantes, com certeza vai ajudar nos estudos de todas as pessoas que estão aprendendo este mesmo assunto.

Continue mergulhando em tecnologia e se tiver dúvidas, conte com o fórum. Abraços!