Entrar Ainda não tem acesso?
2
respostas

Estilizar apenas uma coluna da linha

Referente ao curso JavaScript: programando na linguagem da web, no capítulo Arrays, Loop e Estilos e atividade Estilos com JavaScript

por Kleber Luccas Terencio Santana
| 61.4k xp | 3 posts

Eu faço a criação da estilização

.paciente-invalido:nth:child(5) {
    background-color: lightcoral;
}

E parece que a referencia a minha classe do css não pode ser feita dessa forma

    if (pesoValido == false) {
        tdImc.textContent = "Peso inválido";
        paciente.classList.add("paciente-invalido:nth-child(5)");
}

Como eu faria isso ?**

2 respostas
por Renato Silveira Nunes
| 88.4k xp | 110 posts
Analista programador pleno

Olá Kleber.

Alguns detalhes precisam ser ajustados.

Tente assim:

.paciente-invalido:nth-child(5) {
    background-color: lightcoral;
}

e

if (pesoValido == false) {
        tdImc.textContent = "Peso inválido";
        paciente.classList.add("paciente-invalido");
}

No css estava com nth:child em vez de nth-child e no javascript precisa passar somente a classe.

Abraço.

por Kleber Luccas Terencio Santana
| 61.4k xp | 3 posts

Funcionou. Obrigado!