38 lines
1.6 KiB
Markdown
38 lines
1.6 KiB
Markdown
---
|
|
id: 5a5d02bd919fcf9ca8cf46cb
|
|
title: Construye una aplicación Light-Bright
|
|
challengeType: 3
|
|
forumTopicId: 302350
|
|
dashedName: build-a-light-bright-app
|
|
---
|
|
|
|
# --description--
|
|
|
|
**Objetivo:** Construye una aplicación en [CodePen.io](https://codepen.io) que funcionalmente sea similar a esta: <https://codepen.io/freeCodeCamp/full/eyLYXE>.
|
|
|
|
**Regla #1:** No mires el código del proyecto de ejemplo. Encuentra tu propia solución.
|
|
|
|
**Regla #2:** Completa las siguientes [historias de usuario](https://es.wikipedia.org/wiki/Historias_de_usuario) y consigue que todas las pruebas sean aprobadas. Utilice las librerías o APIs que necesites. Dale tu propio estilo personal.
|
|
|
|
**Historia del usuario:** Puedo hacer clic o arrastrar el cursor del ratón para colorear los círculos.
|
|
|
|
**Historia del usuario:** Puedo hacer doble clic en un círculo de color para eliminar el color.
|
|
|
|
**Historia del usuario:** Puedo hacer doble clic en un círculo de color para eliminar el color.
|
|
|
|
**Historia del usuario:** Debería obtener un círculo de diferente color en cada clic.
|
|
|
|
**Historia del usuario:** Puedo hacer clic en el botón 'Reiniciar' para eliminar el color reciente.
|
|
|
|
**Historia del usuario:** Puedo hacer clic en el botón 'Restablecer todo' para eliminar todos los colores de los círculos.
|
|
|
|
Cuando hayas terminado, incluye un enlace a tu proyecto en CodePen y haz clic en el botón "He completado este desafío".
|
|
|
|
Puedes obtener comentarios sobre tu proyecto compartiéndolo en el [foro de freeCodeCamp](https://forum.freecodecamp.org/c/project-feedback/409).
|
|
|
|
# --solutions--
|
|
|
|
```js
|
|
// solution required
|
|
```
|