Ejercicio FInalizado | JavaScript: Consolide sus conocimientos en el lenguaje de la web | Alura Latam

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

//Funcion para agregar paciente botonAdicionar.addEventListener("click",function(evento){ evento.preventDefault();

var formAdicionar = document.querySelector("#form-adicionar");

var paciente = capturarDatosPaciente(formAdicionar);
var pacienteTr = cronstruirTr(paciente);
var tabla = document.querySelector("#tabla-pacientes");
tabla.appendChild(pacienteTr);
formAdicionar.reset();

});

//funcion para capturar los datos del formulario

function capturarDatosPaciente(formAdicionar){

var paciente = {
    nombre: formAdicionar.nombre.value,
    peso:formAdicionar.peso.value,
    altura: formAdicionar.altura.value,
    gordura:  formAdicionar.gordura.value,
    imc: calcularImc(formAdicionar.peso.value,formAdicionar.altura.value)
}

return paciente

}

//funcion para construir el TR paciente

function cronstruirTr (paciente){

//crear los tds y tr
var pacienteTr = document.createElement("tr");
pacienteTr.classList.add("paciente");

// asignar al tr de los td, y la tabla tr
pacienteTr.appendChild(cronstruirTd(paciente.nombre,"info-nombre"));
pacienteTr.appendChild(cronstruirTd(paciente.peso,"info-peso"));
pacienteTr.appendChild(cronstruirTd(paciente.altura,"info-altura"));
pacienteTr.appendChild(cronstruirTd(paciente.gordura,"info-gordura"));
pacienteTr.appendChild(cronstruirTd(paciente.imc,"info-imc"));


    return pacienteTr;

}

//funcion para construir el Td datos y clase

function cronstruirTd (dato,clase){

var td = document.createElement("td");
td.classList.add(clase);
td.textContent = dato;

return td;

}