Hacer una lista de tareas pendientes para un proyecto de clase: puede obtener el elemento para "agregar" y agregarlo a la lista, pero cuando actualiza la página, el elemento regresa como undefined . localStorage.todo , veo que extrae parte de los valores que necesito, pero que aún no están en uso, pero no el innerText real. Comencé a agregar bits para una línea para marcar los elementos completados y un botón de eliminación, pero eso se comentó y, con suerte, no está afectando las cosas, estaba tratando de aislar el error.

Supongo que mi problema es algo en localStorage.setItem , pero no estoy seguro de cuál sería. Intenté cambiar el valor de newTodo.innerText a otras variables en uso, pero nada devuelve. A continuación, devuelve un valor de entrada que ingresé, pero nuevamente, se pierde cuando la página se actualiza.

 const todoForm = document.querySelector('#todoForm'); const todoList = document.querySelector('#todoList'); let todoItem = document.querySelector('#todoItem'); // Pull from storage const savedList = JSON.parse(localStorage.getItem('todo')) || []; for (let i = 0; i < savedList.length; i++) { let newTodo = document.createElement('li'); newTodo.innerText = savedList[i].task; todoList.appendChild(newTodo); } // Add Item todoForm.addEventListener('submit', function(e){ e.preventDefault(); let newTodo = document.createElement('li'); let newItem = document.querySelector('#todoItem').value; newTodo.innerText = newItem; todoForm.reset(); todoList.appendChild(newTodo); // Clear Form Field on submit and storage savedList.push({ task: newTodo.innertext, isCompleted: false }); localStorage.setItem('todo', JSON.stringify(savedList)); }); // Add Remove Button // let removeItem = document.createElement('button'); // removeItem.innerText = "Remove"; // newTodo.append(removeItem); // Strike through item or remove item // todoList.addEventListener('click', function(e){ // if (e.target.tagName === 'BUTTON'){ // e.target.parentElement.remove(); // } // else if (e.target.tagName === 'LI'){ // e.target.style.textDecoration = 'line-through'; // } // });