data won't retrieve from local storage

Question

i have created a simple todo list site and i wanted to store data in local storage with 0 experience in JavaScript but some how i managed to store the data under key (todos) and now im stuck on how to retrieve data i searched a lot of articles and tried all solutions but non worked like getitem and document.write here is my code please help

let todoItems = [];


function addTodo(text) {
    const todo = {
        text,
        checked: false,
        id: Date.now()
    };
    todoItems.push(todo);
    console.log(todoItems);
    renderTodo(todo);
    
}

            
                 ${todo.text}
                
             
            
            
            
        `;
    console.log(node);
    list.append(node);
    window.localStorage.setItem("todos", JSON.stringify(todoItems));
}

where exactly should i put the retrieve code ?

photo of the local storage

Med Jelidi · Answer

You should be able to retrieve your list back with: localStorage.getItem('todos')

Swarup Chavan · Answer

try using this window.localStorage.getItem("todos");

i would suggest that you check in the first place under(in google chrome dev tool) application -> localstorage if your value is stored or not

Mateus Velleda Vellar · Answer

you retrieve items by localStorage.getItem, but localStorage only store strings, so in order to get the iterable of your store item, you can:

const items = JSON.parse(localStorage.getItem("todos"));

data won't retrieve from local storage

3 Answers