Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

[Dúvida] meu tocaSom(idAudio) não funciona

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)

}

2 respostas
solução!

consegui resolver pelo grupo do discord

Oi Jamile, tudo bem?

Que bom que deu tudo certo e conseguiu resolver. Irei finalizar o tópico por você.

Um abraço e bons estudos.