1
respuesta

Haz lo que hicimos en aula

Comparto código js, desarrollado en el aula.

var botonAdicionar=document.querySelector("#adicionar-paciente");//capturar todos los pacientes

botonAdicionar.addEventListener("click", function(event){
    event.preventDefault();
    var form=document.querySelector("#form-adicionar");

    var nombre =form.nombre.value;
    var peso =form.peso.value;
    var altura =form.altura.value;
    var gordura =form.gordura.value;

    var tabla=document.querySelector("#tabla-pacientes");

    pacienteTr=document.createElement("tr");
    nombreTd=document.createElement("td");
    alturaTd=document.createElement("td");
    pesoTd=document.createElement("td");
    gorduraTd=document.createElement("td");
    imcTd=document.createElement("td");

    nombreTd.textContent=nombre;
    alturaTd.textContent=altura;
    pesoTd.textContent=peso;
    gorduraTd.textContent=gordura;

    pacienteTr.appendChild(nombreTd);
    pacienteTr.appendChild(pesoTd);
    pacienteTr.appendChild(alturaTd);
    pacienteTr.appendChild(gorduraTd);

    tabla.appendChild(pacienteTr);

});

var paciente=document.querySelectorAll(".paciente");

for (var i = 0; i<pacientes.length; i++) {

    var paciente =pacientes[i];

    var tdPeso=paciente.querySelector(".info-peso")

    var tdAltura= paciente.querySelector(".info-altura")

    var tdIMC=paciente.querySelector(".info-imc")


    var altura = tdAltura.textContent;
    var peso = tdPeso.textContent;


     pesoEsvalido=true;
     alturaEsvalida=true;

     if((peso<0) || (peso>1000)){
         console.log("Peso incorrecto");
         tdIMC.textContent="Peso incorrecto";
         pesoEsvalido = false;
         paciente.classList.add("paciente-incorrecto");//añadir una clase

     }

      if((altura<0) || (altura>3)){
         console.log("Altura incorrecta");
         tdIMC.textContent="Altura incorrecta";
         alturaEsvalida = false;
         paciente.classList.add("paciente-incorrecto");
     }

    if (pesoEsvalido && alturaEsvalida) {

        var imc= peso / (altura * altura)
        tdIMC.textContent= imc.toFixed(2);//agregar dos numeros despues el signo decimal

    }

}

agrega-pacientes

1 respuesta

Hola , espero que esté bien.

Gracias por compartir tu código con nosotros.