Entrar Ainda não tem acesso?
3
respostas

Existe forma de criar uma if para alterar cor?

por WELLINGTON DOS SANTOS KAISER
| 55.7k xp | 7 posts

https://drive.google.com/file/d/1jDoF5GqOtGRJYyW_pQ59EAxIUs1htf7N/view?usp=sharing copie e cole na url

o objetivo é alterar a cor de acordo com a média sendo média obrigatória 7.0 abaixo vermelho, igual amarelo, acima verde. Eu tentei usar document.getElementsByClassName("media_a").style.color = "red" mas n consigo aplicar.

Quem puder ajudar agradeço

3 respostas
por guilherme.urbinatti
| 346.1k xp | 171 posts
Analista de Sistemas

Coloca no final do seu arquivo js

var testeFloat = parseFloat(document.getElementById("pt-tst1").childNodes[0].textContent);
var testeStyle = document.getElementById("pt-tst1");

if(testeFloat > 5) {
    testeStyle.style.backgroundColor = 'rgb(255,0,0)';
}


console.log(testeFloat);

No seu HTML define os ID

                    <tbody id="tabela-materias">
                        <tr class="Materia" id="primeira-materia">
                            <td class="info-materia">Português</td>
                            <td class="primeiroteste" id="pt-tst1" >10,0</td> <<<<<<<<<<<<<<<<<<
                            <td class="primeiraprova">5,0</td>
                            <td class="segundoteste">7,0</td>
                            <td class="segundaprova">9,5</td>
                            <td class="terceiroteste">6,0</td>
                            <td class="terceiraprova">9,0</td>
                            <td class="quartoteste">4,5</td>
                            <td class="quartaprova">7,0</td>
                            <td class="media">0</td>
                        </tr>
por guilherme.urbinatti
| 346.1k xp | 171 posts
Analista de Sistemas

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

por guilherme.urbinatti
| 346.1k xp | 171 posts
Analista de Sistemas

Tem como automatizar, mas to com preguica rsrsrsrs