1
respuesta

Clase: agrupar actividades en el código

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

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

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

function capturandoDatosPaciente(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){
       //crear los tds y un tr
    var pacienteTr = document.createElement("tr");
    pacienteTr.classList.add("paciente");

    //asignacion al tr de los td, y la tabla el tr
    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;
}
1 respuesta

Hola Mabel, gracias por tu participación en nuestro foro.

En el caso si deseas que probemos tu código, por favor, compártalo completo =)

Felicidades por tu solución!

Continúa con tus estudios y cualquier duda estaremos aquí.

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