Skip to content

omiras/hex-color-background-changer

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Cambiar el color de fondo - hexadecimal

Queremos que, al hacer clic en el botón "Click me!" , cambie el color del body a un color aleatorio

Pasos a seguir

  1. Implementa tu solución en js/app.js y en index.html
  2. Intenta primero simplemente recuperar el elemento del DOM al que debes aplicar el evento click
  3. Comprueba que eres capaz de aplicarlo, haciendo una prueba simple, como por ejemplo, que al hacer clic, muestre un mensaje por la consola.
  4. Después, haz que al hacer clic en el botón, el fondo del body cambie el color azul hexadecimal
  5. Piensa en como separar cada una de las metas que quieres conseguir. Por ejemplo, usa al menos dos funciones. Una para generar un color hexadecimal aleatorio, y otra función que se va a encargar de gestionar el evento click
  6. Puedes buscar por internet como generar un código hexadecimal de forma aleatoria, pero intenta pensarlo por ti mismo/a antes. En todo caso, echa un vistazo a la restricción número dos del siguiente apartado.

Finalmente, en js/solution_provided tienes una solución del autor original.

Restricciones

  1. NO copies/pegues una línea de código. Ni siquiera de tu ejercicio anterior. El objetivo es que obtengas soltura y entendimiento en los datos que estás tratando.

Demo del proyecto

Demo

Otras soluciones

Solución usando la función getComputedProperty para obtener el color CSS computado de un elemento del DOM, por Fabián Taranto

Releases

No releases published

Packages

No packages published

Languages

  • HTML 58.9%
  • JavaScript 39.4%
  • CSS 1.7%