Ejercicios WebStorage

Programa un test de selección simple, usando Session Storage

Para desarrollar el test deberás crear una clase Pregunta y un array de preguntas

img test

La clase pregunta deberá tener como atributos: el texto de la pregunta, el texto de las 4 opciones, la opción correcta, la opción seleccionada, los puntos de la pregunta y los puntos asignados. Además deberá tener un atributo denominado justificacion que explique porqué la pregunta x es la correcta. El botón verificar deberá indicar si la pregunta es correcta o no, guardar el/los puntos asignado(s) en caso de ser correcta y mostrar un modal con la justificación.

Cada vez que el contenido de los objetos del array preguntas cambie, su contenido se deberá guardar en el Session Storage.

Al finalizar el test, el programa deberá leer el array del Session Storage e imprimir su contenido en pantalla.

Guarda la Lista de Compras en Local Storage

Modifica el programa Lista de Compras (Se encuentra en el enlace Ejercicios con arrays) de la siguiente manera:

  1. El array de la lista de compras deberá guardar objetos (y no strings). El objeto a guardar contendrá el producto, la cantidad a comprar y un precio estimado.
  2. Un producto guardado en la lista, no podrá repetirse en la misma.
  3. Cada vez que la lista cambie, deberás guardarla en el LocalStorage
  4. Al iniciar el programa, se deberá revisar el LocalStorage y si la lista está guardada en el navegador, se deberá cargar en memoria para continuar trabajando.
  5. El botón que vacía la lista de compras, deberá eliminar la lista del LocalStorage.
  6. Se debe crear un botón Calcular estimado a gastar que indique cuánto se estima gastar para comprar todo lo de la lista
Cambiar tema [dark/ligth] al test

Agrega un botón al test que permita cambiar su tema de dark a ligth y viceversa.