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".
El usuario deberá agregar nombres mediante un campo de texto y un botón "Adicionar". Los nombres ingresados se mostrarán en una lista visible en la página, y al finalizar, un botón "Sortear Amigo" seleccionará uno de los nombres de forma aleatoria, mostrando el resultado en pantalla.
Funcionalidades: Agregar nombres: Los usuarios escribirán el nombre de un amigo en un campo de texto y lo agregarán a una lista visible al hacer clic en "Adicionar".
Validar entrada: Si el campo de texto 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.
El propósito de este desafío es poner en práctica los conceptos adquiridos sobre lógica de programación. Para ello, hemos proporcionado el código HTML y CSS, lo que permitirá que el enfoque se centre completamente en aspectos fundamentales sobre lógica de programación como variables, condicionales, funciones y listas, entre otros.
Los archivos indicados en el proyecto trabajados fueron:
-
index.html: Formato de la pagina web.
-
app.js: código de ingreso de datos, inserción en la lista, sorteamiento mediante la formula matematica de los numeros de los arreglos que representaban la ubicación de la lista de los nombres.
-
style.css: estilo de la presetacion de las letras y graficas la carpeta assets: almacenamiento de las imagenes del archivo index.html