Como parte del Challlenge de principiante de programación se genera el desarrollo de una aplicación del Amigo Secreto aplicando los conocimientos adquiridos en la formación de Principiante en programación G8-ONE
📌Validar entrada: Si el campo de texto para entrada de nombre está vacío, el programa mostrará una alerta pidiendo un nombre válido.
📌Visualizar la lista: Los nombres ingresados aparecerán en una lista debajo del campo de entrada.
📌Sorteo aleatorio: Al hacer clic en el botón "Sortear Amigo", se seleccionará aleatoriamente un nombre de la lista y se mostrará en la página.
Añadí un par de funciones adicionales a las solicitadas como parte del curso. Estas tienen el objetivo de que los amigos puedan consultar dentro de la página y a cada uno de ellos se les asigne un amigo secreto en la pantalla el cual sólo podrá ser consultado por el usuario. A continuación las incluyo:
✏️Al dar click en Sortear amigo la ventana solicitará el nombre del amigo y verificará que este se encuentra dentro de la lista de amigos. En caso contrario mostrará un mensaje.
✏️ Inmediatamente la ventana mostrará un mensaje junto con un botón de Aceptar para que sólo el usuario pueda consultar a su amigo.
✏️Todos los usuarios que den click en el botón Sortear amigo recibirán un amigo secreto diferente 🤓.
✏️Cuando se ejecuta la asignación de amigos, el botón de añadir se bloquea para que no se adicionen mas amigos durante el sorteo.
✏️Cuando se termina de asignar a todos los amigos, el botón de Sortear amigos se bloquea para evitar que se sigan asignando más amigos.
✏️Para el administrador, se mantiene un console.log para que pueda consultar todos los amigos secretos asignados a los usuarios 😉
Te invito a probar la página en el siguiente enlace: A mis instructores de ALURA Latam por los cursos de lógica de programación y sobre el manejo de github.
- ✅ Christian Velasco
- ✅ Leonardo Jose Castillo Lacruz
- ✅ Ellen Pimentel