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

[Dúvida] No final o AluraMIDI não funcionou

Boa tarde

Segui todos os passos da Vanessa nesse curso até a 4ª aula onde ela atribui cada som específico a sua determinada tecla. Entretanto, mesmo com o código idêntico, o console fala que há problema na primeira função desse main.js:

Insira aqui a descrição dessa imagem para ajudar na acessibilidadeInsira aqui a descrição dessa imagem para ajudar na acessibilidade Insira aqui a descrição dessa imagem para ajudar na acessibilidade

2 respostas
solução!

Oi Gabriel, tudo bem?

Tem alguns erros no seu código. O JavaScript é case sensitive ou seja ele faz diferença entre letras minúsculas e maiúsculas.

Você está escrevendo a função assim:

function tocasom

E o correto é:

function tocaSom

Precisa fazer a correção em todos qu estão assim. E também tem um erro na linha 14 está faltando o # antes de som, corrige para:

const idAudio = #som_${instrumento};

Aqui o código com as correções:

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

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

//para
let contador = 0; 

while (contador < listaDeTeclas.length) {

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

    teclas.onclick = function () {
        tocaSom(idAudio);
    }
    contador = contador + 1;

}

Fazendo essas correções nenhum erro ocorre:

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

Um abraço e bons estudos.

Deu tudo certo

Muito obrigado, Lorena!