Skip to content

BeeHighCode/Challenge-Amigo-Secreto---Alura

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Challenge-Amigo-Secreto---Alura

Challenge completado 🎁 Amigo secreto ✅

Bienvenido(a) a la web del ¡Challenge - Amigo Secreto!

Esta web permite realizar de manera sencilla, rápida y divertida un sorteo a partir de una lista con el nombre de tus mejores amigos.

Instalación

  1. Descarga o clona el respositorio

gh repo clone BeeHighCode/Challenge-Amigo-Secreto---Alura

  1. O prueba directamente entrando a este link https://challenge-amigo-secreto-alura-drab.vercel.app

👀 ¿Cómo funciona?

Escribe el nombre de un amigo en el campo de texto.

Haz clic en el botón "Añadir".

Repite el paso 1 y 2 hasta haber agregado los nombres de tus amigos.

Cuando tengas todos los nombres haz clic en el botón "Sortear amigo".

Visualiza el resultado en pantalla.

Sí gustas reiniciar el programa solo debes dar en "reiniciar" y listo podras empezar de nuevo.

📌 Puntos a tener en cuenta para el correcto funcionamiento

Si presionas el botón "Añadir", pero no has escrito nada en el campo de texto, se visualizará una alerta con el siguiente mensaje: Por favor ingrese un nombre.

Debes agregar los nombres de tus amigos, de lo contrario, la web no te permitirá realizar el sorteo.

Si tratas de ingresar un nombre que contenga números o caracteres especiales la web lanzará una alerta con el siguiente mensaje: Por favor, ingrese un nombre válido.

📷 Vista previa de la web 📷

#Pantalla de inicio

image

#Agregando la lista de amigos

image

#Resultado del sorteo

image

#Mensaje al no introducir nombres de amigos

image

#Finalmente dando en el boton extra de reiniciar para emepezar de nuevo

image

💻 Tecnologías utilizadas

  • HTML5
  • CSS3
  • JavaScript

📝 Mejoras futuras 📝

  • Opción para eliminar un nombre de la lista.
  • Permitir que el usuario pueda elegir la cantidad de amigos que desea escribir, siempre y cuando dicha cantidad encuentre dentro de un rango permitido.

About

Challenge completado ✅

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors