Gente, alguém sabe me dizer o por que meu codigo ta dando esse erro? Ele tá pegando o que você escreve no formulário (passei ate um console.log(pacientes), mas ele nao adiciona no formulário e dá esse erro. Alguem sabe me dizer o por que?
var adicionarPacientes = document.querySelector("#adicionar-paciente");
adicionarPacientes.addEventListener("click", function(event){
event.preventDefault();
var formulario = document.querySelector("#form-adiciona");
var pacientes = valoresForm(formulario);
console.log(pacientes);
criarTabela(pacientes);
})
function criarTabela(pacientes){
var montarTabela = criarTr(pacientes);
var tabela = document.querySelector("#tabela-pacientes");
tabela.appendChild(montarTabela);
}
function valoresForm (formulario){
var paciente ={
nome: formulario.nome.value,
peso: formulario.peso.value,
altura: formulario.altura.value,
gordura: formulario.gordura.value,
imc: calculaImc(formulario.peso.value, formulario.altura.value)
}
return paciente;
}
function criarTr(pacientes){
var tr = document.createElement("tr");
tr.classList.add("paciente");
tr.appendChild(criarTd("info-nome", pacientes.nome));
tr.appendChild(criarTd("info-peso", pacientes.peso));
tr.appendChild(criarTd("info-altura", pacientes.altura));
tr.appendChild(criarTr("info-gordura", pacientes.gordura));
tr.appendChild(criarTr("info-imc", pacientes.imc));
return tr;
}
function criarTd(classe,conteudo){
var td = document.createElement("td");
td.classList.add(classe);
td.textContent=conteudo;
return td;
}