Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Solucionado (ver solución)
Solucionado
(ver solución)
1
respuesta

no se por que el mcr no me da

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;

}

1 respuesta
solución!

Hola Eduardo , espero que estés muy bien.

Realmente no tienes ningún error en su código , pero inténtalo com lo que voy a compartir.

var botonAdicionar = document.querySelector("#adicionar-paciente");

botonAdicionar.addEventListener("click",function(event){
    event.preventDefault();

    var form = document.querySelector("#form-adicionar"); 
    var paciente = capturarDatosPaciente(form);
    var pacienteTr = construirTr(paciente);
    var tabla = document.querySelector("#tabla-pacientes");
    tabla.appendChild(pacienteTr);
    form.reset();

});

function capturarDatosPaciente(form){
    //capturando 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 construirTr(paciente){

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

       pacienteTr.appendChild(construirTd(paciente.nombre,"info-nombre"));
       pacienteTr.appendChild(construirTd(paciente.peso,"info-peso"));
       pacienteTr.appendChild(construirTd(paciente.altura,"info-altura"));
       pacienteTr.appendChild(construirTd(paciente.gordura,"info-gordura"));
       pacienteTr.appendChild(construirTd(paciente.imc,"info-imc"));

       return pacienteTr; 
}

function construirTd(dato,clase){
    var td = document.createElement("td");
    td.classList.add(clase);
    td.textContent = dato;
    return td;
}
Si este post te ayudó, por favor, marca como solucionado ✓. Continúa con tus estudios