Bom dia pessoal!
Estou quebrando a cabeça com a seguinte situação:
Na aula 05 - Boas práticas com Javascript, é mostrado como criar o objeto "paciente" dentro da função "function obtemPacienteDoFormulario(form)". Após criar o objeto e rodar o index.html, vi que ao clicar no botão para realizar o cadastro do paciente, o form simplesmente ignora qualquer dado digitado ali e apenas copia e cola o último paciente da tabela. Não consigo encontrar o que possa ocasionar esse bug no código. Poderiam dar um help nisso? Abaixo segue o código do form.js
var botaoAdicionar = document.querySelector("#adicionar-paciente");
botaoAdicionar.addEventListener("click",function(event) {
event.preventDefault();
var form = document.querySelector("#form-adiciona");
//Obtem informações do form
var paciente = obtemPacienteDoFormulario(form);
console.log(form);
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 = calculaImc(peso, altura);
pacienteTr.appendChild(nomeTd);
pacienteTr.appendChild(pesoTd);
pacienteTr.appendChild(alturaTd);
pacienteTr.appendChild(gorduraTd);
pacienteTr.appendChild(imcTd);
var tabela = document.querySelector('#tabela-pacientes');
tabela.appendChild(pacienteTr);
});
function obtemPacienteDoFormulario(form) {
var paciente = {
nome: form.nome.value,
peso: form.peso.value,
altura: form.altura.value,
gordura: form.gordura.value,
imc: calculaImc(form.peso.value, form.altura.value)
}
return paciente;
}