📑 Web diseñada con Simple Page Aplication, está estructurada con un página de login, una de preguntas y otra de puntuaciones
En esta página, tenemos 2 inputs y un slides de imágenes. En los inputs tomamos los datos del jugador, nombre y apodo y en el slide el avatar que lo representara durante el juego.
Configuracion del Quiz Tiene diversas opciones:
A- Se pueden elegir la cantidad de preguntas con un rango de 1-50.
B- También permite elegir la categoría de las mismas.
C- Por último podemos elegir la dificultad.
En esta sección se desarrolla el Quiz, al hacer clic en start en la página de configuración del juego, nos lleva a esta página donde empiezan a aparecer las preguntas una por una, la correcta se pinta con un border shadow de color verde, mientras que las respuestas incorrectas se convierten en una X. Una vez que la pregunta fue respondía, aparece el botón next para seguir con la próxima pregunta. Así hasta llegar a la última, donde aparece dos botones, el de Restart y el de Scores
Cuando damos clic en el botón StartGame, se envian los datos del login al LocalStorage, el cual al finalizar el juego nos proveerá la información para imprimir las diferentes Cards de los jugadores con información como:
-Nombre
-Apodo
-Puntuación
-Porcentaje de aciertos
-Nivel de dificultad
-Categoría
-Imagen del avatar seleccionado
😊Hecho por Matias Salvatore