1
resposta

do nada me veio esta soluçao ! =D

pessoal esta instrutora esta nota 10 , so de ela explicar sobre funções anonimas ( coisa que eu não conhecia ate então) ja me veio esta solução em mente . . . ansioso pra ver oque mais tem na linha de raciocinio dela !! seguimos nos estudos !! =D

function tocaSom(idElementoAudio) {

  document.querySelector(idElementoAudio).play();

};

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

let contador = 0;

listaDeTeclas[0].onclick = function () {
  tocaSom("#som_tecla_pom");
}

listaDeTeclas[1].onclick = function () {
  tocaSom("#som_tecla_clap");
}

listaDeTeclas[2].onclick = function () {
  tocaSom("#som_tecla_tim");
}

listaDeTeclas[3].onclick = function () {
  tocaSom("#som_tecla_puff");
}

listaDeTeclas[4].onclick = function () {
  tocaSom("#som_tecla_splash");
}

listaDeTeclas[5].onclick = function () {
  tocaSom("#som_tecla_toim");
}

listaDeTeclas[6].onclick = function () {
  tocaSom("#som_tecla_psh");
}

listaDeTeclas[7].onclick = function () {
  tocaSom("#som_tecla_tic");
}

listaDeTeclas[8].onclick = function () {
  tocaSom("#som_tecla_tom");
}
1 resposta

Perfeito! Apesar de funcionar, ainda cai no problema de repetição de código, se fossem 1000 botões, seria 1000 vezes repetindo essa função.