html Formatação condicional html css Javascript

[Zecaspider 0]

Olá pessoal, preciso fazer com que os valores numéricos de uma tabela html sejam mostrados de forma condicionada, por exemplo todos os valores abaixo de 10 sejam mostrados à vermelho, e os valores acima sejam mostrados à azul. 

Alguém sabe alguma forma em css ou Javascript para o efeito? 

Espero ter sido claro a explicar , e agradeço toda a ajuda possível. 

[Rodrigo Vieira E da Silva 0]

@Zecaspider, tudo bem?

 

Acho que este exemplo pode lhe ajudar

https://docs.handsontable.com/0.34.4/demo-conditional-formatting.html

[Zecaspider 0]

Ok valeu @Rodrigo Vieira E da Silva

Dei uma olhada no link que você passou, ainda estou tentando entender o código para adaptar à minha necessidade. Sou iniciante (risos) Se conheceres uma outra fonte agradecia. 

[Zecaspider 0]

Finalmente, após alguns vídeos no youtube, cheguei a seguinte solução:

 

function pintar(){
        var linha = document.getElementsByTagName("tr");
        var coluna;

        for (var i = 0; i < linha.length; i++) {
              coluna = linha[i]; // starts with 0, so 3 is the 4th element
              
              for (var k = coluna.length - 1; k >= 0; k--) {
                  if (coluna[k].innerText < 10) {
                    coluna[k].style.backgroundColor = "red";
                }
                else if (coluna[k].innerText >= 10) {
                    coluna[k].style.backgroundColor = "blue";
                }
              }                          
        }
    }

Este script, percorre os dados de uma tabela, e pinta-os de vermelho se os valores numérios forem <10 e pinta-os de azul se forem >10, utilizando dois ciclos for.