Entrar Ainda não tem acesso?
1
resposta

O calculo replicou o mesmo valor do primeiro que é 25 para os outros imc's, no que posso ter errado?

Referente ao curso JavaScript: programando na linguagem da web, no capítulo Arrays, Loop e Estilos e atividade Replicando a validação e o cálculo do IMC para todos os pacientes

por Paulo Vianna
| 136.6k xp | 3 posts
ASSISTENTE ADMINISTRATIVO 
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 = document.querySelector(".info-peso");
var tdAltura = document.querySelector(".info-altura");
var peso = tdPeso.textContent;
var altura = tdAltura.textContent;
var imc = peso / (altura * altura);
var tdImc = paciente.querySelector(".info-imc");
tdImc.textContent = imc;
var pesoEhValido = true;
var alturaEhValida= true;


if (peso <= 0 || peso >= 1000) {
    console.log("Peso inválido.");
    tdImc.textContent = "Peso inválido.";
    pesoEhValido = false;
}

if (altura <= 0 || altura >=3) {
    console.log("Altura inválida");
    tdAltura.textContent = "Altura Inválida.";
    alturaEhValida = false;
}

if (pesoEhValido && alturaEhValida) {
    var imc = peso / (altura * altura);
    tdImc.textContent = imc;
} else {
    tdImc.textContent = "Altura ou peso inválido.";
}

}
1 resposta
por Rafael Rocha
| 2654.5k xp | 5625 posts
Alura Scuba Team Time Alura | Apoio Educacional no Fórum

Olá Paulo, tudo bem com você?

Peço desculpas pela demora em lhe responder.

O comportamento apresentado está acontecendo devido à tentativa de seleção das classes info-peso e info-altura no document e não no paciente. Desta forma, durante a execução do laço for as variáveis tdPeso e tdAltura sempre receberão a primeira td que faz o das classes info-peso e info-altura, neste caso os dados do primeiro paciente.

Para corrigir o comportamento apresentado, basta informar que as classes info-peso e info-altura estão sendo selecionadas a partir da variável paciente que contém classe paciente. Assim a cara interação do for os valores recebidos serão os valores de cada paciente.

No arquivo js/principal.js dentro do laço for modifique a atribuição das variáveis tdPeso e tdAltura, deixando como abaixo:

var tdPeso = paciente.querySelector(".info-peso");
var tdAltura = paciente.querySelector(".info-altura");

Realizados as mudanças acima, salve o arquivo principal.js e abra no navegador o arquivo index.html, verifique se os valores da coluna IMC serão apresentados conforme esperado.

Fico à disposição em caso de dúvidas.

Abraços e bons estudos.

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!