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