Estoy tratando de eliminar elementos de mi almacenamiento local. Soy bastante nuevo en esto, y estoy confundido acerca de qué hacer. Intenté cosas diferentes pero nada funcionó. Así que este es mi HTML: dentro de ul, estoy creando una lista de tareas pendientes. Mi archivo JS crea elementos dentro de UL. Después de cada entrada, el elemento se guarda en el almacenamiento local. Tengo dos problemas: mis elementos no se suman a mi lista de tareas pendientes y no puedo eliminar elementos del almacenamiento local después de presionar el botón Eliminar en el intervalo.

 <div id="myDiv" class="header"> <h2>My To Do List</h2> <input type="text" name="text" id="myInput" placeholder="Title..."> <span onclick="newElement()" class="addBtn">Add</span> </div> <ul id="myUl"></ul> <script> var myNodelist = document.getElementsByTagName("Li"); var i; for (i = 0; i < myNodelist.length; i++) { var span = document.createElement("SPAN"); var txt = document.createTextNode("\u00D7"); span.className = "close"; span.addEventListener("click", removeFromLocalStorage); span.appendChild(txt); myNodelist[i].appendChild(span); console.log(span); } var close = document.getElementsByClassName("close"); var i; for (i = 0; i < close.length; i++) { close[i].onclick = function () { var div = this.parentElement; div.style.display = "none"; }; } var list = document.querySelector("ul"); list.addEventListener( "click", function (ev) { if (ev.target.tagName === "LI") { ev.target.classList.toggle("checked"); } }, false ); function newElement() { var li = document.createElement("li"); var inputValue = document.getElementById("myInput").value; var t = document.createTextNode(inputValue); li.appendChild(t); if (inputValue === "") { alert("You must write something"); } else document.getElementById("myUl").appendChild(li); inputValue.value = ""; saveToLocalStorage(); var span = document.createElement("span"); span.classList = "close"; var text = document.createTextNode("\u00D7"); span.appendChild(text); li.appendChild(span); for (i = 0; i < close.length; i++) { close[i].onclick = function () { var div = this.parentElement; div.style.display = "none"; removeItem(); }; } } function saveToLocalStorage() { var inputValue = document.getElementById("myInput").value; window.localStorage.setItem("myInput", JSON.stringify(inputValue)); }

Ni siquiera estoy seguro de lo que se supone que debo hacer. Si alguna explicación sobre mi código sería apreciada.