Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
1
respuesta

Lo que hicimos en el aula

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

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

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

    if(errores.length > 0){
       exhibirMensajesErrores(errores);
       return;
    } 
    tabla.appendChild(pacienteTr);
    form.reset();

    var mensajesErrores = document.querySelector("#mensajes-errores");
    mensajesErrores.innerHTML = "";
});

function capturarDatosPaciente(form){
    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;
}

function validarPaciente(paciente){
    var errores = []

    if(paciente.nombre.length == 0){
       errores.push("El campo Nombre no puede estar vacío");
    }

    if(paciente.peso.length == 0){
        errores.push("El campo Peso no puede estar vacío");
    }

    if(paciente.altura.length == 0){
        errores.push("El campo Altura no puede estar vacío");
    }

    if(paciente.gordura.length == 0){
        errores.push("El campo % de gordura no puede estar vacío");
    }


    if(!validarPeso(paciente.peso)){
       errores.push("Peso incorrecto");
    }
    if(!validarAltura(paciente.altura)){
        errores.push("Altura incorrecto");
    }
    return errores;
}

function exhibirMensajesErrores(errores){
   var ul = document.querySelector("#mensajes-errores");
   ul.innerHTML = "";

   errores.forEach(function(error){
       var li = document.createElement("li");
       li.textContent = error;
       ul.appendChild(li);
   });
}
1 respuesta

Hola Renzo, espero que esté bien.

Gracias por compartir tu código con nosotros, contínua con tu estudos :)

Si tienes alguna pregunta sobre el contenido de los cursos, estaremos aquí para ayudarte.

Si este post te ayudó, por favor, marca como solucionado ✓. Continúa con tus estudios