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

A função calculaImc não funciona

A função calculaImc do arquivo calculaImc.js não funciona no arquivo form.js.

Como faço para importar funções entres arquivos js?

Segue meu código:

calculaImc.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 pesoEhValido = true;
    var alturaEhValido = true;

    var tdImc = paciente.querySelector(".info-imc");


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

    if(altura <= 0 || altura >= 3){
        console.log("altura inválida!");
        tdImc.textContent = "altura inválida!";
        alturaEhValido = false;
        paciente.classList.add("paciente-invalido");
    }

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


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

    return imc.toFixed(2);
}

form.js:

var botaoAdicionar = document.querySelector("#adicionar-paciente");

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

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

    var nome = form.nome.value;
    var peso = form.peso.value;
    var altura = form.altura.value;
    var gordura = form.gordura.value;

    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("table");
    tabela.appendChild(pacienteTr);

});
4 respostas

Opa, na página html você precisa importar os dois scripts :). Lembrando que a ordem importa.

Alberto, já importei e já troquei as posições e mesmo assim não funciona. Ele mostra a linha e a coluna, mas o valor é sempre 0.

Copiei e colei o seu código e funcionou perfeitamente. Realmente cheque chamada dos scripts na página HTML. Atente-se em especial para o caminho que está indicando. Lembre-se que o arquivo javaScript está em uma pasta diferente daquela onde se encontra o HTML, exigindo que especifique a pasta de destino. As chamadas para os arquivos JavaScripts devem estar no final da HTML.

//chame os scripts assim no HTML:
<script src="js/calculaImc.js"></script>
<script src="js/form.js"></script>
solução!

Agradeço a colaboração de todos. Meus imports estão certos. O erro estava na validação do campo, estava programado para aceitar números decimais, não tinha me atentado a isso e estava entrando com números inteiros. Por isso a conta estava dando zerada.