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

problemas classList.add()

Por algum motivo quando tento usar patient.classList.add('patient-invalid') nada acontece, mesmo que a classe esteja criada no css.

Esse é o meu código js

let title = document.querySelector('.title');
title.textContent = 'Aparecida Nutricionista';

let patients = document.querySelectorAll('.paciente');

for(let i =0; i<patients.length; i++)
{
   let patient = patients[i];

    let tdWeight = patient.querySelector('.info-peso');
    let weight = tdWeight.textContent;

    let tdHeight = patient.querySelector('.info-altura');
    let height = tdHeight.textContent;

    let tdImc = patient.querySelector('.info-imc');

    let validWeight = true;
    let validHeight = true;

    if (weight <= 0 || weight >= 1000) {
        validWeight = false;
        tdImc.textContent = 'Peso invalido!';
        patient.classList.add('patient-invalid');
    }
    if (height <= 0 || height >= 3) {
        validWeight = false;
        tdImc.textContent = 'Altura invalida!';
    }

    if (validWeight && validHeight) {
        let imc = weight / Math.pow(height, 2);
        tdImc.textContent = imc.toFixed(2);
    }
}

e aqui está a parte do css que eu alterei

.patient-invalid{
    background-color: lightcoral;
}
3 respostas

Fala ai Luis, tudo bem? Tente inspecionar o elemento que tem a classe patient-invalid através das ferramentas de desenvolvedor do Chrome (F12).

No lado direito você consegue ver todos os estilos definidos para essa classe, verifique se consta esse background-color e se tem algo sobrescrevendo ele.

Espero ter ajudado.

solução!

Hoje abri de novo o site e estava funcionando, não sei o que pode ter sido, mas obrigado pela atenção.

Boa Luis, fico feliz que tenha dado certo.

Sempre que precisar não deixe de criar suas dúvidas.

Abraços e bons estudos.