Entrar Ainda não tem acesso?
2
respostas

ALTURA INVALIDA

Referente ao curso JavaScript: programando na linguagem da web, no capítulo Validação de Formulários e atividade Validando os dados do formulário

por Luiz Gustavo Joppert Fernandez
| 71.2k xp | 42 posts

Não aparece para mim a frase "altura invalida" como na demonstração aos 8 minutos do primeiro video da aula 06, segue abaixo o meu codigo "calcula-imc" e form.js abaixo respectivamente q estão identicos ao do professor.

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);  // true ou false
    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(peso){
    if(peso >= 0 && < 1000){
        return true;
    } else{
        return false;
    }
}

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

function calculaImc(peso,altura){
    var imc = 0;

    imc = peso / (altura * altura);

    return imc.toFixed(2);

}
2 respostas
por Luiz Gustavo Joppert Fernandez
| 71.2k xp | 42 posts

FORM.JS :

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);


    // 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-gorduraTd"));
    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(paciente.altura < 3.0 && paciente.altura >= 0){
        return true;
    }
}
por Geovani Granieri
| 909.2k xp | 1038 posts
Instrutor

Olá Luis, tudo bem com você?

Você cometeu um pequeno erro na hora de validar que estava impossibilitando de adicionar a mensagem, veja:

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

Na verdade é:

&& peso < 1000

Dessa maneira seu código irá funcionar corretamente :)

Abraços e Bons Estudos!