Som não reproduz | JavaScript para Web: Crie páginas dinâmicas

1
resposta

por Victoria Engelmeier Tolardo

| 197.4k xp | 15 posts

Segue meu código:

function tocaSom (idElementoAudio) { document.querySelector(idElementoAudio).play(); }

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

let contador = 0;

while (contador = listaDeTeclas.length) { //o auxiliar leigth éutilizado para compreender toda a dimensão de uma lista, independente de sabermos o tamanho dela

const tecla = listaDeTeclas[contador];
const instrumento = tecla.classList[1];
//template string
const idAudio = `#som_${instrumento}`;

console.log(idAudio);

tecla.onclick = function () {
    tocaSom(idAudio);
}

contador = contador + 1;

console.log(contador);

}

1 resposta

por Deividson Venâncio Magalhães

| 126.2k xp | 4 posts

Desenvolvedor Web PHP | JS

12/12/2022

Você usou o operador errado no while. Você está utilizando o operador de atribuição (=) mas o correto seria utilizar o operador de menor (<), por isso o erro:

*/
function tocaSom(idElementoAudio) {

    document.querySelector(idElementoAudio).play();
}

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

let contador = 0;

while (contador < listaDeTeclas.length) {
        //observe o operador acima

    const tecla = listaDeTeclas[contador];
    const instrumento = tecla.classList[1];
    const idAudio = `#som_${instrumento}`;


    tecla.onclick = function () {
        tocaSom(idAudio);
    }

    contador = contador + 1;
}