//voy a convertir a enteros los string, que tengo en hexadecimal
introjo = parseInt(rojo,16)
intverde = parseInt(verde,16)
intazul = parseInt(azul,16)
//ahora sumo los valores
oscuridad = introjo + intverde + intazul
//si el valor oscuridad es menor que ((255 + 255 + 255) / 2) es que es un color más oscuro
//si es oscuro, el color del texto será blanco
if (oscuridad<(255+255+255)/2)
colortexto="#ffffff"
else
colortexto="#000000"
Para actualizar el color de fondo y de texto de una página web se podría hacer con estas líneas de código:
document.fgColor=colortexto
document.bgColor=colorin
Pero esto da un problema en algunos navegadores, al cambiar el color del texto, que no se puede hacer si previamente se ha escrito algo en la página.
Entonces, vamos a marcar el color del fondo y del texto utilizando los conocidos atributos bgcolor y text de la etiqueta <body>.
Escribiremos el <body> mediante javascript, colocando los valores de color aleatorio y color del texto que extraemos de las variables que los contienen.
document.write('<body bgcolor="' + colorin + '" text="' + colortexto + '">')
Eso es todo. Ya tenemos la página con el color de fondo aleatorio y el color del texto con suficiente contraste.
Usuarios que han visto este tema también han visto...
- Ejecutar videos
- 1 clic = 1 link + 1 popup con Javascript
- Acceso a variables y funciones de otras ventanas con Javascript
- Mostrar reloj en la barra del título.
- Apagando elementos “select” en Internet Explorer
- Versión imprimible de este documento
- Enviar por e-mail este documento
