Tanto no código que escrevi, quanto no arquivo do projeto do capitulo 6 que baixei, o resultado do imc ao adicionar pacientes na tabela é sempre NaN.
Tanto no código que escrevi, quanto no arquivo do projeto do capitulo 6 que baixei, o resultado do imc ao adicionar pacientes na tabela é sempre NaN.
Opa, tudo bem Gabriel?
Poderia postar o seu código para analisarmos, pf?
Esse é o código do IMC, esse foi o professor que escreveu, baixei o arquivo do capitulo 6
var titulo = document.querySelector(".titulo");
titulo.textContent = "Aparecida Nutricionista";
var pacientes = document.querySelectorAll(".paciente");
for (var i = 0; i < pacientes.length; i++) {
var paciente = pacientes[i];
var tdPeso = paciente.querySelector(".info-peso");
var peso = tdPeso.textContent;
var tdAltura = paciente.querySelector(".info-altura");
var altura = tdAltura.textContent;
var tdImc = paciente.querySelector(".info-imc");
var pesoEhValido = true;
var alturaEhValida = true;
if (peso <= 0 || peso >= 1000) {
console.log("Peso inválido!");
pesoEhValido = false;
tdImc.textContent = "Peso inválido";
paciente.classList.add("paciente-invalido");
}
if (altura <= 0 || altura >= 3.00) {
console.log("Altura inválida!");
alturaEhValida = false;
tdImc.textContent = "Altura inválida";
paciente.classList.add("paciente-invalido");
}
if (pesoEhValido && alturaEhValida) {
var imc = calculaImc(peso, altura);
tdImc.textContent = imc;
}
}
function calculaImc(peso, altura) {
var imc = 0;
imc = peso / (altura * altura);
return imc.toFixed(2);
}
E esse é o do form, também do arquivo que baixei.
var botaoAdicionar = document.querySelector("#adicionar-paciente");
botaoAdicionar.addEventListener("click", function(event) {
event.preventDefault();
var form = document.querySelector("#form-adiciona");
var paciente = obtemPacienteDoFormulario(form);
var pacienteTr = montaTr(paciente);
var tabela = document.querySelector("#tabela-pacientes");
tabela.appendChild(pacienteTr);
form.reset();
});
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;
}
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"));
return pacienteTr;
}
function montaTd(dado, classe) {
var td = document.createElement("td");
td.classList.add(classe);
td.textContent = dado;
return td;
}
Vc pode tentar fazer um parseFloat (não sei se tem essa função no Javascript) na variável peso e altura. Porque provavelmente as variáveis peso e altura devem estar vindo como string
Nas variaveis do formulário?
Exato! ;-)
Adicionei desse jeito no arquivo de calcular imc, e deu no mesmo.
var titulo = document.querySelector(".titulo");
titulo.textContent = "Aparecida Nutricionista";
var pacientes = document.querySelectorAll(".paciente");
for (var i = 0; i < pacientes.length; i++) {
var paciente = pacientes[i];
var tdPeso = paciente.querySelector(".info-peso");
var peso = tdPeso.textContent;
var peso = parseFloat(peso);
var tdAltura = paciente.querySelector(".info-altura");
var altura = tdAltura.textContent;
var altura = parseFloat(altura);
var tdImc = paciente.querySelector(".info-imc");
var pesoEhValido = true;
var alturaEhValida = true;
if (peso <= 0 || peso >= 1000) {
console.log("Peso inválido!");
pesoEhValido = false;
tdImc.textContent = "Peso inválido";
paciente.classList.add("paciente-invalido");
}
if (altura <= 0 || altura >= 3.00) {
console.log("Altura inválida!");
alturaEhValida = false;
tdImc.textContent = "Altura inválida";
paciente.classList.add("paciente-invalido");
}
if (pesoEhValido && alturaEhValida) {
var imc = calculaImc(peso, altura);
tdImc.textContent = imc;
}
}
function calculaImc(peso, altura) {
var imc = 0;
imc = peso / (altura * altura);
return imc.toFixed(2);
}
Ah , vou tentar no do formulário, mas como eu encaixo o parsefloat, se não tem variavel na captação dos valores pelo js?
Vc pode adicionar dentro do próprio objeto paciente que vc cria no método obtemPacienteDoFormulario
Não sei como colocar, das formas que tentei deu erro...
Eu só queria que o código funcionasse igual ao que o professor ensina....
Opa Gabriel, desculpe a demora! Fica dessa maneira.
var botaoAdicionar = document.querySelector("#adicionar-paciente");
botaoAdicionar.addEventListener("click", function(event) {
event.preventDefault();
var form = document.querySelector("#form-adiciona");
var paciente = obtemPacienteDoFormulario(form);
var pacienteTr = montaTr(paciente);
var tabela = document.querySelector("#tabela-pacientes");
tabela.appendChild(pacienteTr);
form.reset();
});
function obtemPacienteDoFormulario(form) {
var paciente = {
nome: form.nome.value,
peso: parseFloat(form.peso.value),
altura: parseFloat(form.altura.value),
gordura: form.gordura.value,
imc: calculaImc(form.peso.value, form.altura.value)
}
return paciente;
}
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"));
return pacienteTr;
}
function montaTd(dado, classe) {
var td = document.createElement("td");
td.classList.add(classe);
td.textContent = dado;
return td;
}
Se tu quiser me manda, seu html tbm!! Daí consigo analisar aqui.
Um abraço! :-)
Estranho que rodei exatamente o do formulário sem alterar nenhuma linha e aqui funcionou!! Qui sinistro!
Descobri o que tava errado, eu estava digitando a altura com virgula, ao invés de ponta, na hora de inserir os dados no formulário, ele não reconhece virgula.