Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

91
Vistas
Pintar números con Javascript

No encontré nada relacionado en internet.

Necesito un código javascript que me devuelva el color verde o rojo según el número.

Pero no quiero que sea estático, por ejemplo, cuanto más negativo, más rojo se vuelve. Y cuanto más positivo, más verde se vuelve.

-1 y 1 tendrían colores claros, por ejemplo, 1000 y -1000 serían más fuertes. Similar a lo que se hace en Excel y Google Spreadsheet.

esto es lo que probé con los números negativos:

detalle: no quiero que 255 sea el máximo o el mínimo

 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Test</title> </head> <body> <div id="number"> -100 </div> </body> <script> var div = document.querySelector('#number'); var number = Number(document.querySelector('#number').innerText); var redRgb = 255; console.dir(redRgb + number); div.style.color = `rgb(${redRgb + number},0,0)`; </script> </html>

about 4 years ago · Juan Pablo Isaza
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda