localStorage

localStorage vs Cookies:

  • En ambos casos la información es almacenada en el cliente, es decir, en el navegador, pero accedemos y manipulamos la información de las cookies desde el servidor y accedemos y manipulamos la información del localStorage desde el cliente.
  • Podemos almacenar hasta 4 Kb por cookie, mientras que en el caso de localStorage podemos almacenar hasta 4MB por dominio.

localStorage.setItem("clave", valor);
var variable = localStorage.getItem("clave");

Consideraciones:

localStore sólo almacena texto, si quisiera almacenar un array, tendría que seguir el siguiente proceso:

localStorage.setItem(JSON.stringify(names));
var storedNames = localStorage.getItem(JSON.parse(localStorage["names"]));

Ejercicio

Al pulsar el botón de "Salvar cambios" deben almacenarse los cambios. Al cerrar y regresar al navegador, los cambios deben estar ahí.

localstorage

Ejercicio

Crear un botón para eliminar el contenido almacenado en el ejercicio anterior.

localStorage.clear();
location.reload();
  • item 1
  • item 2
  • item 3
  • item 4
Ver ejercicio localstorage resuelto

Ejercicio

Al seleccionar una imagen, esta debe aparecer en la página siguiente.

var imagenSeleccionada = $("input:radio:checked").val();
storage image
icono de mandar un mail¡Contacta conmigo!
Pablo Monteserín
contacta conmigoPablo Monteserín

¡Hola! ¿En qué puedo ayudarte?