Olá! Percebi que o css ligado a minha tr 'paciente' não está mais apresentando o comportamento de mudar a cor de fundo, que dependia do peso e da altura estarem válidos. A mensagem de "peso/altura inválida" continua aparecendo, somente o CSS "quebrou". Podem me dar uma luz?
CÓDIGO CSS
.paciente-invalido{
background-color: orange;
}
CÓDIGO JAVASCRIPT
var pacientes = document.querySelectorAll(".paciente");
for(var i = 0; i < pacientes.length; i++){
var paciente = pacientes[i];
var tdNome = paciente.querySelector(".info-nome");
var tdPeso = paciente.querySelector(".info-peso");
var tdAltura = paciente.querySelector (".info-altura");
var tdImc = paciente.querySelector(".info-imc");
var nome = tdNome.textContent;
var peso = tdPeso.textContent;
var altura = tdAltura.textContent;
var imc = calculaImc(peso,altura);
tdImc.textContent = imc.toFixed(0);
if (peso >= 500 || peso <= 0 || isNaN(peso)){
tdImc.textContent = "Peso inválido";
paciente.classList.add("paciente-invalido.css");
}
if (altura >= 3.00 || altura <= 0 || isNaN(altura)){
tdImc.textContent = "Altura inválida";
paciente.classList.add("paciente-invalido.css");
}
}
function calculaImc(peso, altura){
var imc = 0;
return imc = peso/(altura*altura);
}