Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Dados inválidos continuam sendo imputados na tabela

Incluí o código para validar o peso do paciente adicionado pelo form, de forma a não adicioná-lo caso ele seja inválido, além de exibir o console.log, mas não funciona (ele continua adicionando mesmo com dados que deveriam ser inválidos). Alguém pode me ajudar? Obrigado

Seguem os códigos:

  1. calcula-imc.js
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 = validaPeso(peso);
    var alturaEhValida = validaAltura(altura);


    if(!pesoEhValido) {
        console.log("peso inválido");
        pesoEhValido = false;
        tdImc.textContent = "Peso inválido";
        paciente.classList.add("paciente-invalido");
    }

    if(!alturaEhValida) {
        console.log("altura inválida");
        alturaEhValida = false;
        tdImc.textContent = "Altura inválida";
        paciente.classList.add("paciente-invalido");
    }

    if(alturaEhValida && pesoEhValido) {
        var imc = calculaImc(peso, altura);
        tdImc.textContent = imc;
    }
}

function validaPeso(){
    if(peso >= 0 && peso < 1000){
        return true
    }else {
        return false
    }
}

function validaAltura(){
    if(altura >= 0 && altura < 3){
        return true
    }else {
        return false
    }
}


function calculaImc(peso, altura) {
    var imc = 0;
    imc = peso / (altura * altura);
    return imc.toFixed(2);
}
  1. form.js:
var botaoAdicionar = document.querySelector("#adicionar-paciente");

botaoAdicionar.addEventListener("click", function(){
    event.preventDefault();

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

    //extrair informações do paciente do form
    var paciente = obtemPacienteDoFormulario(form)

    //cria a tr e a td do paciente

    var pacienteTr = montaTr(paciente);    

    if (!validaPaciente(paciente)) {
    console.log("Paciente inválido");
    return;
}

    //adicionando o paciente na tabela
    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.textContent = dado;
    td.classList.add(classe);
    return td;
}

function validaPaciente(paciente) {
    if (validaPeso(paciente.peso)) {
        return true;
    } else {
        return false;
    }
}

Valeeu

2 respostas
solução!

Oi, Matheus, tudo bem?

Nas funções validaPeso() e validaAltura() faltou passar por parâmetro as variáveis, ficando dessa forma:

function validaPeso(peso) {

    if (peso >= 0 && peso <= 1000) {
        return true;
    } else {
        return false;
    }
}


function validaAltura(altura) {

    if (altura >= 0 && altura <= 3.00) {
        return true;
    } else {
        return false;
    }
}

Testa e me fala se deu certo!

Deu certo! Que alívio de achar a solução hahahaha

obrigado!