quando eu aperto em adicionar paciente, só acrescenta mais uma linha na tabela, porém sem os dados inseridos
var titulo = document.querySelector(".titulo"); titulo.textContent = "Aparecida Nutricionista";
var pacientes = document.querySelectorAll(".paciente");
for (var i = 0; i < pacientes.length; i++){ var paciente = pacientes[i];
var tdPeso = paciente.querySelector(".info-peso"); var peso = tdPeso.textContent;
var tdAltura = paciente.querySelector(".info-altura"); var altura =tdAltura.textContent;
var tdImc = paciente.querySelector(".info-imc");
var pesoEhValido = true; var alturaEhValida = true;
if (peso <= 0 || peso >= 1000) { pesoEhValido = false; tdImc.textContent = "Peso inválido"; paciente.classList.add("paciente-invalido"); } if (altura <= 0 || altura >= 3.00) { alturaEhValida = false; tdImc.textContent = "Altura inválida"; paciente.classList.add("paciente-invalido"); } if (alturaEhValida && pesoEhValido) { var imc = peso / (altura * altura); tdImc.textContent = imc.toFixed(2); } }
var botaoAdicionar = document.querySelector("#adicionar-paciente"); botaoAdicionar.addEventListener("click",function(event) { event.preventDefault();
var form = document.querySelector("#form-adiciona");
var nome = form.nome.velue; var peso = form.peso.velue; var altura = form.altura.velue; var gordura = form.gordura.velue;
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");
nomeTd.textContent = nome; pesoTd.textContent = peso; alturaTd.textContent = altura; gorduraTd.textContent = gordura;
pacienteTr.appendChild(nomeTd); pacienteTr.appendChild(pesoTd); pacienteTr.appendChild(alturaTd); pacienteTr.appendChild(gorduraTd);
var tabela = document.querySelector("#tabela-pacientes");
tabela.appendChild(pacienteTr);
});
