tava tentando praticar com um progeto similar so que com 3 sons em 12 teclas onde o onjetivo é clicar na tecla que tem o som de ronco, porem não ta indo
<link rel="stylesheet" href="css/estilos.css">
<link rel="stylesheet" href="css/estilos.css">
Encontre o ronco do Luan
<section class="teclado">
<button class="tecla tecla_erro">1</button>
<button class="tecla tecla_pum">2</button>
<button class="tecla tecla_erro">3</button>
<button class="tecla tecla_erro">4</button>
<button class="tecla tecla_pum">5</button>
<button class="tecla tecla_erro">6</button>
<button class="tecla tecla_ronco">7</button>
<button class="tecla tecla_erro">8</button>
<button class="tecla tecla_pum">9</button>
<button class="tecla tecla_erro">10</button>
<button class="tecla tecla_pum">11</button>
<button class="tecla tecla_erro">12</button>
</section>
<audio src="sounds/erro.wav" id="som_tecla_1"></audio>
<audio src="sounds/pum.wav" id="som_tecla_2"></audio>
<audio src="sounds/erro.wav" id="som_tecla_3"></audio>
<audio src="sounds/erro.wav" id="som_tecla_4"></audio>
<audio src="sounds/pum.wav" id="som_tecla_5"></audio>
<audio src="sounds/erro.wav" id="som_tecla_6"></audio>
<audio src="sounds/ronco.wav" id="som_tecla_7"></audio>
<audio src="sounds/erro.wav" id="som_tecla_8"></audio>
<audio src="sounds/pum.wav" id="som_tecla_9"></audio>
<audio src="sounds/erro.wav" id="som_tecla_10"></audio>
<audio src="sounds/pum.wav" id="som_tecla_11"></audio>
<audio src="sounds/erro.wav" id="som_tecla_12"></audio>
<script src="/main.js"></script>
---------------------------------------------------js------------------------------------------------------------- function tocaSom(idTagAudio){ document.querySelector(idTagAudio).play(); }
const listaDeTeclas = document.querySelectorAll('.tecla'); let contator = 0
while (contator < listaDeTeclas.length){
const tecla = listaDeTeclas[contator]
const instrumento= tecla.classList[1]
const idAudio = #som_${instrumento}
tecla.onclick = function() {
tocaSom(idAudio)
};
contator = contator + 1
console.log(contator)
}