En este desafío, desarrollarás una aplicación que permita a los usuarios ingresar nombres de amigos en una lista para luego realizar un sorteo aleatorio y determinar quién es el "amigo secreto".
-
Clonar el repositorio:
- Clona el repositorio en tu máquina local utilizando el siguiente comando:
git clone https://github.com/tu_usuario/nombre_del_repositorio.git
- Clona el repositorio en tu máquina local utilizando el siguiente comando:
-
Abrir el archivo HTML:
- Navega a la carpeta del proyecto y abre el archivo
index.html
en tu navegador web.
- Navega a la carpeta del proyecto y abre el archivo
-
Agregar un amigo:
- Escribe el nombre de un amigo en el campo de entrada "Escribir nombre".
- Haz clic en el botón "Agregar Amigo" para añadirlo a la lista.
- Si no ingresas un nombre, aparecerá un
alert
pidiendo que ingreses un nombre.
-
Ver la lista de amigos:
- La lista de amigos se actualizará automáticamente para mostrar todos los amigos que has agregado.
-
Sortear un amigo:
- Haz clic en el botón "Sortear Amigo" para seleccionar aleatoriamente un amigo de la lista.
- Si no hay amigos en la lista, se mostrará un mensaje indicando que no hay amigos disponibles para sortear.- Instrucciones de uso:
- Almacenamiento de amigos: Se declara una variable de tipo array para almacenar los nombres de amigos.
- Agregar amigos: Se implementa una función para permitir al usuario agregar amigos a la lista.
- Mostrar lista de amigos: La aplicación muestra todos los amigos que han sido agregados a la lista.
- Sortear amigo: Se implementa una función que selecciona aleatoriamente un amigo de la lista.
- Validaciones: Se asegura que no se puedan agregar nombres vacíos y que haya amigos disponibles para sortear.
- Notificación de entrada vacía: Se utiliza un
alert
en caso de que el usuario no ingrese datos al intentar agregar un amigo.
- HTML: Para la estructura de la página.
- CSS: Para el estilo (si lo has utilizado).
- JavaScript: Para la lógica de la aplicación.
- Git: Para el control de versiones.