no marca ningún error, sera por que no lo separe
var botonAdicional = document.querySelector("#adicionar-paciente");
botonAdicional.addEventListener("click",function(event){ event.preventDefault();//previene por defecto el acto // console.log("usted hizo click en el titulo");
var form = document.querySelector("#form-adicionar");
var paciente = capturarDatosPaciente(form);
var pacienteTr = contruirTr(paciente);
var tabla = document.querySelector("#tabla-pacientes");
tabla.appendChild(pacienteTr);// esto es por el echo de que se agrarara en la tabla y es un paciente
form.reset();
});
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");
pesoEsValido = true;
alturaEsValido = true;
if((peso < 0 ) || (peso > 1000)){
console.log("Peso incorrecto");
tdIMC.textContent = "Peso Incorrecto";
pesoEsValido = false;
paciente.classList.add("paciente-incorrecto");
//paciente.style.backgroundColor = "red"; //style color de la letra
//backgroundColor cambia el fondo de color
}
if((altura < 0 ) || (altura > 4.00)){
console.log("Altura incorrecto");
tdIMC.textContent = "Altura Incorrecto"
alturaEsValido = false;
paciente.classList.add("paciente-incorrecto");
}
if(pesoEsValido && alturaEsValido){
tdIMC.textContent = calcularIMC(peso,altura);//toFixed es para quitar decimales
}
}
function calcularIMC(peso,altura){ var imc = peso / (altura*altura); return imc.toFixed(2) }
function capturarDatosPaciente(form){ //captura los datos del formulario var paciente = { nombre: form.nombre.value, peso: form.peso.value, altura: form.altura.value, gordura: form.gordura.value, imc: calcularIMC(form.peso.value,form.altura.value) } return paciente; }
function contruirTr(paciente){ // crear los tds e un tr var pacienteTr = document.createElement("tr"); //pacienteTr.classList.add("paciente"); var nombreTd = contruirTd(paciente.nombre,"info-nombre"); var pesoTd = contruirTd(paciente.peso,"info-peso"); var alturaTd = contruirTd(paciente.altura,"info-altura"); var gorduraTd = contruirTd(paciente.gordura,"info-gordura"); var imcTd = contruirTd(paciente.imc,"info-imc");
//asignar los valores a la propiedad texConter
nombreTd.textContent = paciente.nombre;
pesoTd.textContent = paciente.peso;
alturaTd.textContent = paciente.altura;
gorduraTd.textContent = paciente.gordura;
imcTd.textContent = paciente.imc;
//asignar el tr
pacienteTr.appendChild(nombreTd);
pacienteTr.appendChild(pesoTd);
pacienteTr.appendChild(alturaTd);
pacienteTr.appendChild(gorduraTd);
pacienteTr.appendChild(imcTd);
return pacienteTr;
} function contruirTd(dato,clase){ var td = document.createElement("td"); td.classList.add(clase); td.textContent = dato;
return td;
}