1
respuesta

Adicionar paciente (insertar HTML desde JS)

var botonAdicionar = document.getElementById("adicionar-paciente");
botonAdicionar.addEventListener("click", adicionarPaciente);

function adicionarPaciente(event){
   event.preventDefault(); // para que no recargue la pagina
    //console.log("click")
    var form = document.getElementById("form-adicionar");
    //console.log(form);

    var nombre = form.nombre.value;
    var peso= form.peso.value;
    var altura= form.altura.value;
    var gordura = form.gordura.value;

    var tabla = document.querySelector("#tabla-pacientes")

    pacienteTr = document.createElement("tr");

    nombreTd = document.createElement("td");
    pesoTd = document.createElement("td");
    alturaTd = document.createElement("td");
    gorduraTd = document.createElement("td");

    nombreTd.textContent = nombre;
    pesoTd.textContent = peso;
    alturaTd.textContent = altura;
    gorduraTd.textContent = gordura; 

    pacienteTr.appendChild(nombreTd);
    pacienteTr.appendChild(pesoTd);
    pacienteTr.appendChild(alturaTd);
    pacienteTr.appendChild(gorduraTd);

    tabla.appendChild(pacienteTr);

    console.log(pacienteTr);

}
1 respuesta

Hola Caleb

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