Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

O dado da gordura não passa para o html após criacao das funções

Imagem da tabela

/* Segue abaixo os códigos

Form */

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

var form= document.querySelector("#form-adiciona")
var paciente = DadosPaciente(form)
console.log(paciente)

var adicionar_paciente = montaTr(paciente)

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

// linha que adiciona o paciente na tabela(tr)
tabela.appendChild(adicionar_paciente);

});

function DadosPaciente(form) {

var paciente = {
nome: form.nome.value,
peso: form.peso.value,
altura: form.altura.value,
gordura: form.gordura.value,
imc: calculaIMC(form.peso.value,form.altura.value)
}

return paciente;

}

function montaTr(paciente) {

var adicionar_paciente = document.createElement("tr");
adicionar_paciente.classList.add("paciente");

/*nometd.textContent = paciente.nome;
pesoTd.textContent = paciente.peso;
alturaTd.textContent = paciente.altura;
gorduraTd.textContent = paciente.gordura;
imcTd.textContent = paciente.imc;*/

adicionar_paciente.appendChild(montaTd(paciente.nome,"info-nome"));
adicionar_paciente.appendChild(montaTd(paciente.peso,"info-peso"));
adicionar_paciente.appendChild(montaTd (paciente.altura,"info-altura"));
adicionar_paciente.appendChild(montaTd(paciente.gorduraTd,"Info-gordura"));
adicionar_paciente.appendChild(montaTd(paciente.imc,"info-imc"));

return adicionar_paciente;

}

function montaTd(dado,classe) {

var td = document.createElement("td")

td.textContent = dado;
td.classList.add(classe)

return td

}

2 respostas
solução!

Boa noite, tudo em paz?

Quando vc chama a function montaTd está passando uma propriedade (gorduraTd) que não está definida no objeto 'paciente'.

adicionar_paciente.appendChild(montaTd(paciente.gorduraTd,"Info-gordura"));

Faça a correção e teste novamente :D

Aaaah sim, muito obrigado deu certo, fiz confusão com nome das variáveis.