Lo que hicimos en el aula sobre Clases y Objetos (1)

Hola... Saludos.

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

    botonAdicionar.addEventListener('click',function(event){
        event.preventDefault();//Esto previene el padrón.

        var form = document.querySelector("#form-adicionar");
        var paciente = capturarDatosPaciente(form);
            console.log(paciente);
        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;
}