Solucionado
Olá, tenho duas dúvidas... para começar o meu console.log() está aparecendo 5 vezes a cada 1 ação, ou seja... eu coloco meu nome, e ele está sendo mostrado no console 5x.... e a mesma coisa acontece quando eu crio um paciente na minha lista serão criadas 5 novas linhas com os mesmo valores...
E outra dúvida é... mesmo com a função event.preventDefault(); e quando eu atualizo a página, os dados/linhas inseridos pelo formulários desaparecem....
desde já muito muito muito obrigado!
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!