1
respuesta

Ejercicio FInalizado

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;

}

1 respuesta

Hola Matías

Gracias por compartir tu código, está muy bien felicitaciones.

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