Quando fiz a requisição junto com a aula a minha nova lista não trouxe as informações esperadas.
Segue form.js
var botaoAdicionar = document.querySelector("#adicionar-paciente");
botaoAdicionar.addEventListener("click", function(event) {
event.preventDefault();
var formulario = document.querySelector("#form-increment");
var paciente = capturandoInformacoesDoFormulario(formulario);
var erros = validaPaciente(paciente);
if(erros.length > 0) {
exibeMensagensDeErro(erros);
return;
}
adicionaPacienteNaTabela(paciente);
formulario.reset();
var mensagemErro = document.querySelector("#mensagem-erro");
mensagemErro.innerHTML = "";
});
function capturandoInformacoesDoFormulario(formulario) {
var paciente = {
novoNome: formulario.nome.value,
novoPeso: formulario.peso.value,
novaAltura: formulario.altura.value,
novaGordura: formulario.gordura.value,
novoImc: calculaImc(formulario.peso.value, formulario.altura.value)
}
return paciente;
}
function insereNovoPaciente(paciente) {
var novoPaciente = document.createElement("tr");
novoPaciente.classList.add("paciente");
novoPaciente.appendChild(montaLinhaDaTabela(paciente.novoNome, "info-nome"));
novoPaciente.appendChild(montaLinhaDaTabela(paciente.novoPeso, "info-peso"));
novoPaciente.appendChild(montaLinhaDaTabela(paciente.novaAltura, "info-altura"));
novoPaciente.appendChild(montaLinhaDaTabela(paciente.novaGordura, "info-gordura"));
novoPaciente.appendChild(montaLinhaDaTabela(paciente.novoImc, "info-imc"));
return novoPaciente;
}
function montaLinhaDaTabela(dado, classe) {
var linha = document.createElement("td");
linha.classList.add(classe);
linha.textContent = dado;
return linha;
}
function validaPaciente(paciente) {
var erros = [];
if(paciente.novoNome.length == 0) erros.push("O nome deve ser informado");
if(paciente.novoPeso.length == 0) erros.push("O peso deve ser informado");
if(paciente.novaAltura.length == 0) erros.push("A altura deve ser informada");
if(paciente.novaGordura.length == 0) erros.push("O percentual de gordura deve ser informado");
if(!validaPeso(paciente.novoPeso)) erros.push("O peso informado é inválido");
if(!validaAltura(paciente.novaAltura)) erros.push("A altura informada é inválida");
return erros;
}
function exibeMensagensDeErro(erros) {
var ul = document.querySelector("#mensagem-erro");
ul.innerHTML = "";
erros.forEach(function(erro) {
var li = document.createElement("li");
li.textContent = erro;
ul.appendChild(li);
});
}
function adicionaPacienteNaTabela(paciente) {
var novoPaciente = insereNovoPaciente(paciente);
var tabela = document.querySelector("#tabela-pacientes");
tabela.appendChild(novoPaciente);
}