Estaba tratando de agregar localStorage en mi lista de tareas pendientes, pero simplemente me devuelve 'indefinido' y fuera del <'li'> que <'li'> se crea cuando ingresa un valor. Ya intenté usar id="myList" dentro de un <'li'> pero no funcionó
<form> <input type="text" nome="task" id='task' placeholder="New..." /> <input type="button" nome="" value='AddTask' onclick="addTask()" /> </form> <ul id="myList"> </ul> <script type="text/javascript"> var ul = document.getElementById("myList"); addTask = function() { if (document.getElementById("task").value != ""){ let item = document.getElementById("task"); let itemId = Date.now().toString('16') + Math.random().toString('16').substring(2); ul.innerHTML += `<li id=${itemId}>${item.value}<button onclick="removeTask('${itemId}')">X</button></li>` saveLocalStorage() } } removeTask = function (itemId) { document.getElementById(itemId).remove() saveLocalStorage() } saveLocalStorage = function() { localStorage.setItem('savedList', ul.InnerHTML) } window.onload = function() { ul.innerHTML=localStorage.getItem('savedList') }Revisa la ortografía:
localStorage.setItem('savedList', ul.InnerHTML) debería ser ul.innerHTML .
No entendí lo que quiere exactamente, pero intente agregarlo al almacenamiento local con JSON.stringify () como:
localStorage.setItem('savedList', JSON.stringify(ul.innerHTML));y obténgalo a través del comando JSON.parse():
const items = localStorage.getItem('savedList'); ul.innerHTML = JSON.parse(items);También cuidado con la ortografía y como Interior e interior.