Duas dúvidas

A 1ª parte foi resolvida, o bloco de código estava dentro do laço de repetição... mas ainda não entendi o pq de quando recarrego a página as informações somem

    var botaoAdicionar  = document.querySelector("#adicionar-paciente"); 
        botaoAdicionar.addEventListener('click', function(event){
        event.preventDefault(); 

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

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


        var pacienteTr = document.createElement("tr"); 

        var nomeTd = document.createElement("td");
        var pesoTd = document.createElement("td");
        var alturaTd = document.createElement("td");
        var gorduraTd = document.createElement("td");
        var imcTd = document.createElement("td");


        nomeTd.textContent = nome; 
        pesoTd.textContent = peso; 
        alturaTd.textContent = altura;
        gorduraTd.textContent = gordura; 
        imcTd.textContent = imc;

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

        console.log(pacienteTr);

        var tabela = document.querySelector("#tabela-pacientes"); 

        tabela.appendChild(pacienteTr);
    })

O que estamos fazendo aqui é apenas atualizar a visualização da página. Os dados não são persistidos em nenhum lugar, como um banco de dados, localStorage ou algo assim.Então quando você atualiza a página só são exibidas as informações iniciais. Acho que ele fala sobre isso mais pra frente no curso, mas pra aprender sobre como guardar os dados não é nesse curso.Talvez esse aqui ajude: https://cursos.alura.com.br/course/javascript-web-armazenando-dados-navegador

show! muito obrigado!