Boa tarde professora Lais, algo importante para apoiar a sua analise
a função valida paciente utiliza a função que está no arquivo principal.js portanto temos uma chamada de função,no arquivo form.js e a função a ser utilizada no arquivo principal.js..
Este pode ser o problema?
insira se
var botaoAdicionar = document.querySelector("#adicionar-paciente");
/*verficando se o item foi adicionado a partir do console.log
console.log(botaoAdcionar)
*/
botaoAdicionar.addEventListener("click",function(event){
// o metedo preventDefault inibi o efeito padrao do browser de recarregar e ous er
// direcionado para um nova pagina uma vez que o mer formulario está na mesma pagina
event.preventDefault();
var form = document.querySelector("#form-adiciona");
// Extraindo informações do Form
var paciente = obtemPacienteFomulario(form);
console.log(paciente);
if(!validaPaciente(paciente)){
console.log("paciente invalido");
return;
}
// cria tr a td do paciente
var pacienteTr = montaTr(paciente);
// Construindo uma nova tabela a partir do javascript
var tabela = document.querySelector("#tabela-pacientes");
tabela.appendChild(pacienteTr);
form.reset();
});
function obtemPacienteFomulario(form){
// capturando as informações da pagina ou seja os valores usando value
//criando um objeto paciente
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;
}
// organizando o codigo
function montaTr(paciente){
var pacienteTr = document.createElement('tr');
pacienteTr.classList.add("paciente");
pacienteTr.appendChild(montaTd(paciente.nome, "info-nome"));
pacienteTr.appendChild(montaTd(paciente.peso, "info-peso"));
pacienteTr.appendChild(montaTd(paciente.altura, "info-altura"));
pacienteTr.appendChild(montaTd(paciente.gordura,"info-gordura"));
pacienteTr.appendChild(montaTd(paciente.imc, "info-imc"));
// Agora vamos colocar os dados referente á pacienteTR na tabela usando appendchild
// criando um classe filha a partir da classe mae usando o metodo appendChild
//colocando uma classe dentro da outra ou seja class Td dentro da classe TR
//populando as informações capturadas nos campos
return pacienteTr;
}
function montaTd(dado, classe){
var td = document.createElement("td");
td.textContent = dado;
td.classList.add(classe);
return td;
}
function validaPaciente(paciente){
if(validaPeso(paciente.peso)){
return true;
}else{
return false;
}
}
u código aqui