https://github.com/diegoivg98/square-rgb
Renderizado condicional
https://github.com/diegoivg98/square-rgb
conditional-rendering reactjs rgb rgb-hex
Last synced: 3 months ago
JSON representation
Renderizado condicional
- Host: GitHub
- URL: https://github.com/diegoivg98/square-rgb
- Owner: diegoivg98
- Created: 2022-11-25T01:07:38.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2022-11-25T01:13:53.000Z (over 3 years ago)
- Last Synced: 2025-12-31T06:58:40.672Z (7 months ago)
- Topics: conditional-rendering, reactjs, rgb, rgb-hex
- Language: JavaScript
- Homepage: https://diegoivg98.github.io/Square-RGB/
- Size: 449 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
En este ejercicio tendréis que crear un componente el cual contenga un elemento, puede ser un rectángulo, cuadrado.
Las dimensiones del elemento serán de ancho 255px y de alto 255px y su color inicial tiene que ser negro.
Dentro del componente crearéis varios métodos de captura del ratón que harán lo siguiente para que el color del elemento cambie:
- Un método para que cuando el ratón entre en el contenedor, se dará un valor aleatorio (color RGB entre 0 y 255) para cambiar el color del componente.
- Un método para que cuando salga el ratón del componente se detenga por completo el cambio de color.
- Por último, un método en el que cuando se pulsa dos veces en el componente, se tiene que detener el cambio de color.