Ao clicar no botão logo apos preencher o formulário ele retorna o seguinte erro: Uncaught ReferenceError: gordura is not defined
var botao = document.querySelector("#btn");
botao.addEventListener("click", function(event){
event.preventDefault();
var form = document.querySelector("#form-adc");
// chama funcao form
obtemInformacaoForm(form);
//criando tag html
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");
// coloca testo do form na td criada
nomeTd.textContent = nome;
pesoTd.textContent = peso;
alturaTd.textContent = altura;
gorduraTd.textContent = gordura;
imcTd.textContent = calculaImc(peso,altura);
// adiciona as td dentro da tr
pacienteTr.appendChild(nomeTd);
pacienteTr.appendChild(pesoTd);
pacienteTr.appendChild(alturaTd);
pacienteTr.appendChild(gorduraTd);
pacienteTr.appendChild(imcTd);
//adiciona tr dentro do tbody
var tabela = document.querySelector("#tabela-pacientes");
tabela.appendChild(pacienteTr);
});
function obtemInformacaoForm(form){
// pegando dados do form
var paciente = {
nome: form.name.value,
peso: form.peso.value,
altura: form.altura.value,
gordura: form.gordura.value,
imc: calculaImc(form.peso.value,form.altura.value)
}
return paciente;
}
