1
resposta

Erro nas variáveis de form

Fiz os códigos de envio de formulário de paciente, porem quando eu coloco para enviar o console me devolve a mensagem "Cannot read property 'nome' of null at HTMLButtonElement", se referindo ao "var nome = form.nome.value;". Não consigo entender o que esta de errado, inclusive apaguei a variável para ver o que acontecia e aparentemente o erro joga pra variável seguinte. Já copiei o código pronto feito pelo professor mas o erro persiste. Segue codigo:

var botaoAdicionar = document.querySelector("#adicionar-paciente");
botaoAdicionar.addEventListener("click", function(event) {
    event.preventDefault();

    var form = document.querySelector("#form-adiciona");

    var nome = form.nome.value;
    var peso = form.peso.value;
    var altura = form.altura.value;
    var gordura = form.gordura.value;

    var pacienteTr = document.createElement("tr");

    var nomeTd = document.createElement("td");
    var pesoTd = document.createElement("td");
    var alturaTd = document.createElement("td");
    var gorduraTd = document.createElement("td");
    var imcTd = document.createElement("td");

    nomeTd.textContent = nome;
    pesoTd.textContent = peso;
    alturaTd.textContent = altura;
    gorduraTd.textContent = gordura;

    pacienteTr.appendChild(nomeTd);
    pacienteTr.appendChild(pesoTd);
    pacienteTr.appendChild(alturaTd);
    pacienteTr.appendChild(gorduraTd);

    var tabela = document.querySelector("#tabela-pacientes");

    tabela.appendChild(pacienteTr);
});
1 resposta

Olá Pedro, tudo bem ?

Uma dúvida, no seu HTML, os inputs estão tanto com id, quanto com os atributos name ?

Se o document.querySelector está pegando mesmo o form.

Caso esteja ai pode ser que o seu input nome, não esteja com o id ou com o campo name.

Espero ter ajudado.

XD

Boa sorte nos estudos.