Amigo Secreto es una aplicación web interactiva que te permite organizar de manera sencilla y divertida el clásico juego de intercambio de regalos conocido como "Amigo Secreto". Con esta herramienta, podrás agregar los nombres de los participantes y realizar un sorteo aleatorio para asignar a cada persona su amigo secreto.
- 🚨 Alerta cuando no hay amigos para sortear: Si intentas sortear sin haber agregado nombres, recibirás un mensaje de advertencia que dice: "No hay amigos para sortear". Así, evitarás errores y asegurarás que el juego tenga participantes antes de iniciar. ❌🎲
- 🎉 Alerta de sorteo completo: ¡No más sorpresas inesperadas! Ahora, cuando todos los amigos hayan sido sorteados y la lista esté vacía, una alerta especial aparecerá en pantalla para informar al usuario que ya no quedan más nombres por sortear. Así, siempre sabrás cuándo el juego ha llegado a su fin. 🏁🎊
- ✏️ Agregar nombres: Permite a los usuarios ingresar el nombre de cada participante mediante un campo de texto y añadirlo a una lista.
⚠️ Validación de entrada: Si el campo de texto está vacío, la aplicación mostrará una alerta solicitando un nombre válido.- 📜 Visualizar la lista: Los nombres ingresados se mostrarán en una lista visible en la página, permitiendo verificar quiénes participarán.
- 🎲 Sorteo aleatorio: Al hacer clic en el botón "Sortear Amigo", la aplicación seleccionará aleatoriamente un nombre de la lista y mostrará el resultado en pantalla.
-
Pantalla Principal: Interfaz inicial de la aplicación donde se pueden agregar los nombres de los participantes.
-
Lista de Participantes: Visualización de los nombres añadidos a la lista.
-
Resultado del Sorteo: Muestra el nombre del amigo secreto seleccionado aleatoriamente.
- HTML5: Estructura y contenido de la aplicación.
- CSS3: Estilos y diseño visual.
- JavaScript: Funcionalidad e interactividad.
Para ejecutar esta aplicación en tu entorno local, sigue estos pasos:
-
Clona este repositorio:
gh repo clone JKD711/Challenge-amigo-secreto
-
Navega al directorio del proyecto:
cd amigo_secreto
-
Abre el archivo
index.html
en tu navegador preferido.No se requieren instalaciones adicionales, ya que es una aplicación web estática.
- Ingresa el nombre de un participante en el campo de texto.
- Haz clic en "Adicionar" para agregar el nombre a la lista.
- Repite los pasos anteriores hasta que todos los participantes estén en la lista.
- Haz clic en "Sortear Amigo" para realizar el sorteo y revelar el nombre del amigo secreto.
¡Gracias por utilizar Amigo Secreto! Esperamos que disfrutes organizando tus sorteos de manera fácil y divertida. 🎉