¿Cómo podemos guardar datos en el propio navegador?
  • Módulo 2
Esto se hace mediante el llamado LocalStorage o SessionStorage. LocalStorage permite almacenar permanentemente los datos, mientras que SessionStorage sólo los guarda para una sesión 👉🏻 si cerramos la página se borrarán.
Para guardar datos es tan sencillo como usar setItem cuyo primer parámetro es el nombre que le ponemos a los datos y luego los datos que queremos guardar, que pueden ser de cualquier tipo primitivo (cadena, número, booleano). Por ejemplo:
const tasks = [
{ name: 'Recoger setas en el campo', completed: true },
{ name: 'Comprar pilas', completed: true },
{ name: 'Poner una lavadora de blancos', completed: true },
{name: 'Aprender cómo funcionan los objetos de JavaScript'completed: false,},
];

localStorage.setItem('tasks', JSON.stringify(tasks));

const savedTasks = JSON.parse(localStorage.getItem('tasks'));
console.log(savedTasks.length); //4