Creé una lista de tareas pendientes con JS. Casi he terminado, pero mi última tarea es crear un almacenamiento local. El propósito de esto es que las Tareas no desaparezcan cuando recargo la página. Sé que tengo que crear una matriz de objetos para eso, pero no sé cómo representar mi elemento <'li'> como un objeto. Entonces, ¿cómo represento mis tareas como un objeto para crear una matriz?

 add.addEventListener("click", function (){ // create task text if(task.value != ""){ let li = document.createElement('li'); ul.appendChild(li); // create checkbox let box = document.createElement('input'); box.setAttribute('type', 'checkbox'); li.appendChild(box); box.classList.add('check'); //create span let span = document.createElement('span'); li.appendChild(span); span.innerHTML= task.value; span.classList.add('task'); // create delete button let btn = document.createElement('button'); li.appendChild(btn); btn.classList.add("delete-btn"); btn.innerHTML = 'x'; btn.onclick = function () { btn.parentElement.remove(); }; });