Entrar Ainda não tem acesso?
2
respostas

Uncaught SyntaxError: Unexpected token ; Este é o erro. Pelo que analisei ainda o javascript não executa

Referente ao curso JavaScript: conhecendo o Browser e padrões de projeto, no capítulo Prólogo: regras, código e manutenção e atividade Prólogo: regras, código e manutenção

por João Vitor Medeiros freitas
| 50k xp | 6 posts
var campos = [
  document.querySelector('#data');
  document.querySelector('#quantidade');
  document.querySelector('#valor');
];


var tbody = document.querySelector('table tbody');

document.querySelector(.form).addEventListener('submit', function(event){
    var tr = document.createElement('tr');
    event.preventDefault();
    campos.forEach(function(campo){

    var td = document.createElement('td');
    td.textContent = campo.value;
    tr.appendChild(td);

  });

    var tdVolume = document.createElement('td');
    tdVolume.textContent = campos[1].value * campos[2].value;

    tr.appendChild(tdVolume);
    tbody.appendChild(tr);

    campos[0].value = '';
    campos[1].value = 2;
    campos[2].value = 0;

    campos[0].focus();
});
2 respostas
por Gabriel Leite
| 3485k xp | 5398 posts
Instrutor

Boa tarde, João! Como vai?

O que observei no código que vc postou foi que na linha

document.querySelector(.form).addEventListener(...)

o correto seria fazer

document.querySelector('.form').addEventListener(...)

Isso é, se no seu HTML tiver um formulário com a classe CSS form! Caso contrário, ainda assim o seu código dará outro tipo de erro!

Sendo assim, o ideal é que vc compartilhe o seu projeto no github e mande o link aqui! Assim eu poderei dar uma olhada e verificar com exatidão o que está acontecendo pra tentar te ajudar!

Qualquer coisa é só falar!

Grande abraço e bons estudos, meu aluno!

por Mauricio Tavares
| 810.7k xp | 58 posts

Veja aqui também, você escreveu:

var campos = [
  document.querySelector('#data');
  document.querySelector('#quantidade');
  document.querySelector('#valor');
];

O correto seria usar ',' no lugar dos ';':

var campos = [
  document.querySelector('#data'),
  document.querySelector('#quantidade'),
  document.querySelector('#valor')
];