Javascript – #4.13. Web Storage. Ejemplo completo

Lección
Materiales

Cerramos la última parte de este curso con un ejemplo completo en el que trabajaremos con la API de Almacenamiento Web, es decir, con Web Storage.

En la lección anterior ya vimos cómo comprobar si el navegador soportaba Storage y cuáles eran los métodos que nos permitían trabajar con este tipo de elementos de almacenamiento web.

En este vídeo, por el contrario, pondremos en práctica lo aprendido con un programa en el que controlaremos que un usuario ha accedido a nuestra página y llevaremos un control de las veces que realiza esta acción. Para ello, crearemos una serie de funciones que interactuarán con las variables de almacenamiento web:

  • En primer lugar, comprobaremos si el navegador soporta Storage y mostraremos un mensaje con el nombre del usuario si este se ha logueado en la página, diferenciando si es su primera visita o ya ha entrado en más ocasiones.
  • Utilizaremos una función para llevar el control de las veces que el usuario ha accedido a la página.
  • Crearemos dos funciones para incrementar y decrementar el valor del contador anterior.
  • Finalmente crearemos otra función para hacer logout y restablecer los valores anteriores.

¡Pero vayamos al grano! Echa un ojo al vídeo para ver cómo realizar el proceso paso a paso:

¡Consulta en la pestaña Materiales el código fuente trabajado en la lección!

¿No te ha quedado claro? ¿Quieres aportar tu punto de vista? ¡Deja tu comentario!

¡Ups! ¡Este contenido está restringido a codelovers! Inicia sesión o, si aún no eres miembro de Didacticode, regístrate!