1
resposta

Uncaught TypeError: document.querySelector is not a function

Uncaught TypeError: document.querySelector is not a function index.js:9

Abaixo está o index.js, a linha 9 é o querySelector do form. Eu fiz igual a vídeo aula, mas deu esse erro, aí desmembrei a declaração da variável e da função, mas o erro persiste.

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

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

var form = document.querySelector('.form');

form.addEventListener('submit', function(event){

    event.preventDefault();

    var tr = document.createElement('tr');

    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 = 1;
    campos[2].value = 0;
    campos[0].focus();
});
1 resposta

Fala Pedro blz ?

Tem um sinal de igual a mais dentro da variável tbody no seu código.

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

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software