Tengo una lista de tareas pendientes que estoy haciendo, todo funciona bien. Sólo tengo un problema con el ahorro.
Cada vez que vuelvo a cargar o cierro la página, se eliminan todos los datos/tareas. Para evitar esto, quiero usar localStorage.
¿Cómo se supone que debo hacer esto?
Tal vez guarde todas las tareas justo antes de que la página se cierre o se vuelva a cargar. Y cuando la página se vuelva a cargar, recupere todos los datos, tal como estaban.
Se debe guardar cada vez que agregue, elimine o realice un cambio en una tarea pendiente. Puede usar localStorage.setItem() . Si tiene un objeto de JavaScript o una matriz de todos, puede codificar en JSON los datos que se almacenarán, porque localStorage es una estructura de par clave-valor simple para cadenas.
localStorage.setItem('todos', JSON.stringify(yourVariable));En la carga de la página, debe leer todos desde el almacenamiento local y decodificarlo:
let todos = []; const todosJson = localStorage.getItem('todos'); if(todosJson){ todos = JSON.parse(todosJson); } // run code which adds UI elements for the todospuede almacenar su matriz de lista de tareas pendientes de esta manera:
var todos= [{id:0},titile:"buy something"]; localStorage.setItem("todoList", JSON.stringify(todos));y puede leer datos del almacenamiento local como este
var storedTodos = JSON.parse(localStorage.getItem("todoList"));