Skip to content

Latest commit

 

History

History
25 lines (16 loc) · 1.56 KB

File metadata and controls

25 lines (16 loc) · 1.56 KB

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