Creé almacenamiento local en dos funciones, una función establece el almacenamiento local con la clave de almacenamiento y la segunda función obtiene la clave de almacenamiento, pero no funciona.

He vinculado la función de almacenamiento local con la función createTask porque ahí es donde se crean las tareas.

El resultado debería ser que el almacenamiento local mantenga la lista de tareas creadas por el usuario cuando el navegador se actualiza, en este caso quiero usar el almacenamiento local.

codigo js

 const STORAGE_KEY = "task-list-storage-key"; /********************************************** * function that creates the HTML elements * **********************************************/ const createTask = () => { const id = createId() const task = elements.input.value; const date = elements.cal.value; if(!task && !date) return alert("Please fill in task and select date"); if(!task) return alert("Please fill in task"); if(!date) return alert("Please select date"); const tasks = document.createElement("div"); tasks.innerHTML = ` <button class = "sort">Sort</button> <div class="task" data-id = "${id}"> <div class="content"> <input type ="checkbox" class="tick"> <input type ="text" class = "text" id = "text" value="${task}" readonly> <label class = "due-date" for ="text">${date}</label> <input type ="date" class = "date" id = "date"> </div> <div class = "actions"> <button class="edit" data-id="${id}">Edit</button> <button class="delete" data-id="${id}">Delete</button> </div> </div> ` elements.list.appendChild(tasks) markOfdddueDate() return tasks } /********************************* * Storing tasks in local storage* *********************************/ function Storingtasks(){ localStorage.setItem(STORAGE_KEY, JSON.stringify(tasks)) createTask(tasks) } function getStoredtask(){ const storedkey = localStorage.get(STORAGE_KEY); if(storedkey){ tasks = JSON.parse(storedkey); createTask(tasks) } } getStoredtask()