Olá! Estou com um problema quebrando minha cabeça. Quando clico em adicionar um novo paciente, acabo recebendo o erro Uncaught TypeError: Cannot read property 'nome' of undefined
Podem me ajudar a localizar o erro?
//pegando um botão no mundo HTML e atrelando uma função e ele
var botaoAdicionar = document.querySelector("#adicionar-paciente");
botaoAdicionar.addEventListener("click", function(evento){
evento.preventDefault();
//chamadas de funções
var paciente = extraiInfosForm(formulario);
var pacienteTr = montaTr(paciente);
// extrai os valores do form que estão dentro dos inputs usando "value"
var formulario = document.querySelector("#form-adiciona")
function extraiInfosForm(form){
paciente = {
nomeInput: form.nome.value,
pesoInput: form.peso.value,
alturaInput: form.altura.value,
gorduraInput: form.gordura.value,
imc: calculaImc(form.peso.value, form.altura.value)
}
return paciente;
}
//criando os elementos html tds e a tr
function montaTr(paciente){
var pacienteTr = document.createElement("tr");
pacienteTr.classList.add("paciente");
//colocando as tds como filhos da tr - pacienteTr
pacienteTr.appendChild(montaTd(paciente.nome, "info-nome"));
pacienteTr.appendChild(montaTd(paciente.peso, "info-peso"));
pacienteTr.appendChild(montaTd(paciente.altura, "info-altura"));
pacienteTr.appendChild(montaTd(paciente.gordura, "info-gordura"));
pacienteTr.appendChild(montaTd(paciente.imc, "info-imc"));
return pacienteTr;
}
//função que cria os tds
function montaTd(dado, classe){
var dado = document.createElement("td");
td.textContent = dado;
td.classList.add(classe);
return td;
}
//colocando a tr formada dentro da tabela de pacientes
var tabela = document.querySelector("#tabela-pacientes")
tabela.appendChild(pacienteTr);
})
