Arquivo form.js
var botaoAdicionar = document.querySelector("#adicionar-paciente");
botaoAdicionar.addEventListener("click",function(event){
event.preventDefault();
var form = document.querySelector("#form-adiciona");
var paciente = obterPacienteDoFormulario(form);
var pacienteTr = montarTr(paciente);
if(!validaPaciente(paciente)){
console.log("paciente invalido");
return;
}
var tabela = document.querySelector("#tabela-pacientes");
tabela.appendChild(pacienteTr);
form.reset();
});
function obterPacienteDoFormulario(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 montarTr(paciente){
var pacienteTr = document.createElement("tr");
pacienteTr.classList.add("paciente");
pacienteTr.appendChild(montarTd(paciente.nome, "info-nome"));
pacienteTr.appendChild(montarTd(paciente.peso, "info-peso"));
pacienteTr.appendChild(montarTd(paciente.altura, "info-altura"));
pacienteTr.appendChild(montarTd(paciente.gordura, "info-gordura"));
pacienteTr.appendChild(montarTd(paciente.imc, "info-imc"));
return pacienteTr;
}
function montarTd(dado, classe){
var td = document.createElement("td");
td.textContent = dado;
td.classList.add(classe);
return td;
}
function validaPaciente(paciente){
if(validaPeso(paciente.peso)){
return true;
}else{
return false;
}
}
Arquivo calculaImc.js
var titulo = document.querySelector(".titulo");
titulo.textContent = "Aparecida Nutricionista";
var pacientes = document.querySelectorAll(".paciente");
console.log(pacientes)
for(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 = validaPeso(peso);
var alturaEhValido = validaAltura(altura);
if(!pesoEhValido){
console.log("Peso invalido!");
pesoEhValido = false;
tdImc.textContent = "Peso invalido!";
paciente.classList.add("paciente-invalido");
}
if(!alturaEhValido){
console.log("Altura invalida!");
alturaEhValido = false;
tdImc.textContent = "Altura invalida!";
paciente.classList.add("paciente-invalido");
}
if(pesoEhValido && alturaEhValido){
var imc = calculaImc(peso, altura);
tdImc.textContent = imc;
}
}
function validaPeso(paciente){
if(peso >= 0 && peso < 500){
return true;
}else{
return false;
}
}
function validaAltura(paciente){
if(altura >= 0 && altura <= 2.50){
return true;
}else{
return false;
}
}
function calculaImc(peso, altura){
var imc = 0;
imc = peso / (altura * altura);
return imc.toFixed(2);
}