Quando insiro um novo dado a tabela preenche faltando a informação do imc. Antes de inserir a tabela já vem com uma linha vazia. Não consigo identificar o porque destes erros.
var botaoAdicionar = document.querySelector("#adicionar-paciente")
botaoAdicionar.addEventListener("click", function(){
event.preventDefault();
console.log("fui clicado");
var pacientes = document.querySelectorAll(".paciente");
var form = document.querySelector("#form-adiciona")
var paciente = obtemPacienteDoFormulario(form)
var pacienteTr = montaTr(paciente);
var tabela = document.querySelector("#tabela-pacientes");
tabela.appendChild(pacienteTr);
form.reset();
});
function obtemPacienteDoFormulario(form){
var paciente = {
nome: form.nome.value,
peso: form.peso.value,
altura: form.altura.value,
gordura: form.gordura.value
}
return paciente //retorna a variável paciente
}
function montaTd(dado, classe) {
var td = document.createElement("td");
td.classList.add(classe);
td.textContent = dado;
return td;
}
function montaTr(paciente) {
//Cria TR
var pacienteTr = document.createElement("tr");
pacienteTr.classList.add("paciente");
//Cria as TD's e a adiciona dentro da TR
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"));
// retorna a TR
return pacienteTr;
}
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.createComment("td")
nomeTd.textContent = paciente.nome;
pesoTd.textContent = paciente.peso;
alturaTd.textContent = paciente.altura;
gorduraTd.textContent = paciente.gordura;
imcTd.textContent = paciente.imc;
pacienteTr.appendChild(pesoTd)
pacienteTr.appendChild(alturaTd)
pacienteTr.appendChild(gorduraTd)
pacienteTr.appendChild(imcTd)
var tabela = document.querySelector("#tabela-pacientes")
tabela.appendChild(pacienteTr)
