1
resposta

[Bug] Uncaught SyntaxError: Unexpected token '.' em JavaScript - Ajuda para Identificar o Erro

Olá a todos,

Estou enfrentando um problema com meu código JavaScript e continuo recebendo o erro "Uncaught SyntaxError: Unexpected token '.'". Já revisei meu código várias vezes, mas não consigo identificar a origem do problema.

O erro ocorre especificamente quando tento verificar as validações do if no console do DevTools.

Aqui está o código completo que estou usando:

function tocaSom(seletorAudio) {
    const elemento = document.querySelector(seletorAudio);

    if (elemento && elemento.localName === 'audio') {
        elemento.play();
    } else {
        console.log('Elemento não encontrado ou seletor inválido');
    }
}

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

for (let contador = 0; contador < listaDeTeclas.length; contador++) {
    const tecla = listaDeTeclas[contador];
    const instrumento = tecla.classList[1];
    const idAudio = `#som_${instrumento}`; //template string

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

    tecla.onkeydown = function (evento) {
        if (evento.code === 'Space' || evento.code === 'Enter') {
            tecla.classList.add('ativa');
        }
    }

    tecla.onkeyup = function () {
        tecla.classList.remove('ativa');
    }
}

Alguém poderia me ajudar a identificar onde está o problema? O que pode estar causando este erro "Unexpected token '.'"?

Agradeço antecipadamente por qualquer ajuda!

1 resposta

Oi Thais, tudo bem?

Seu código está funcionando no meu projeto que usa o mesmo HTML da aula. Por favor, verifique o erro no console e se ele aponta para a linha com o erro. Outra observação é em relação ao código HTML, tente utilizar o mesmo da aula e veja se o erro desaparece.

Reforço que em casos de dúvidas, conte sempre com o fórum da comunidade Alura! Bons estudos!

Sucesso

Um grande abraço e até mais!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!