Practica - BounaVita Nutrición

let botonAdd = document.querySelector("#adicionar-paciente");
    botonAdd.addEventListener("click", function(){
        event.preventDefault();

        let form = document.querySelector("#form-add");

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

        let tabla = document.querySelector("#tabla-pacientes"); //se agregó la tabla para poder mostrar la info capturada en el html

        console.log(nombre);
        console.log(peso);
        console.log(altura);
        console.log(gordura);

        // Creando Tags, para verlos en HTML

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

        //adicionando la info capturada a los tags

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

        //Asociando para dar jerarquias - designación de objeto hijo a obj padre

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

        tabla.appendChild(pacienteTr);//se agregó la tabla para poder mostrar la info capturada en el html

        console.log(pacienteTr);//test


    });