Dessa forma não seria melhor?
const teclas = [ { classe: ".tecla_pom", som: "som_tecla_pom" }, { classe: ".tecla_clap", som: "som_tecla_clap" }, { classe: ".tecla_tim", som: "som_tecla_tim" }, { classe: ".tecla_puff", som: "som_tecla_puff" }, { classe: ".tecla_splash", som: "som_tecla_splash" }, { classe: ".tecla_toim", som: "som_tecla_toim" }, { classe: ".tecla_psh", som: "som_tecla_psh" }, { classe: ".tecla_tic", som: "som_tecla_tic" }, { classe: ".tecla_tom", som: "som_tecla_tom" } ];
const teclasElementos = document.querySelectorAll(".tecla_*");
teclas.forEach((tecla) => { const elemento = document.querySelector(tecla.classe); elemento.addEventListener("click", () => { document.getElementById(tecla.som).play(); }); });
