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

classList.add parou de funcionar

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

2 respostas
solução!

Oi, Maria, tudo bem?

Na classe css em que você está passando em paciente.classList.add, retire o .css. Esse .css está fazendo entender que você estar passando um arquivo com a extensão .css, sendo que para adicionar a classe precisamos somente do nome dela e não da sua extensão também. Veja que no seu css, a classe está declarada assim: .paciente-invalido, da mesma forma deve estar no Javascript: paciente.classList.add("paciente-invalido");

testa e me fala se deu certo :}

Funcionou, Laís, muito obrigada!