我創建了一個簡單的待辦事項串列站點,我想將資料存盤在本地存盤中,并且在 JavaScript 方面經驗為 0,但是我如何設法將資料存盤在密鑰(待辦事項)下,現在我堅持如何檢索我搜索了很多的資料文章并嘗試了所有解決方案,但沒有像 getitem 和 document.write 那樣作業,這是我的代碼,請幫助
let todoItems = [];
function addTodo(text) {
const todo = {
text,
checked: false,
id: Date.now()
};
todoItems.push(todo);
console.log(todoItems);
renderTodo(todo);
}
<div class="todos-list__li-text">
<div class = "todos-list__li-text-1"> ${todo.text}</div>
<svg class="todos-list__li-text-2" width="170" height="4" viewBox="0 0 194 4" fill="none" xmlns="http://www.w3.org/2000/svg">
<path id="line" d="M0 2L194 2" stroke="url(#paint0_linear)" stroke-width="3.2"/>
<defs>
<linearGradient id="paint0_linear" x1="194" y1="2.00012" x2="0" y2="2.00003" gradientUnits="userSpaceOnUse">
<stop stop-color="#7DCEE8"/>
<stop offset="1" stop-color="#30BDEA"/>
</linearGradient>
</defs>
</svg>
</div>
<button class="todos-list__li-delete-todo "><i class="fa fa-trash"></i> </button>
</label>
`;
console.log(node);
list.append(node);
window.localStorage.setItem("todos", JSON.stringify(todoItems));
}
我應該把檢索代碼放在哪里?
本地存盤的照片
uj5u.com熱心網友回復:
您應該可以使用以下命令檢索您的串列: localStorage.getItem('todos')
uj5u.com熱心網友回復:
嘗試使用這個window.localStorage.getItem("todos");
我建議您首先在(在 google chrome 開發工具中)應用程式 -> localstorage 下檢查您的值是否已存盤
uj5u.com熱心網友回復:
您通過 檢索專案localStorage.getItem
,但 localStorage 僅存盤字串,因此為了獲取您的存盤專案的迭代,您可以:
const items = JSON.parse(localStorage.getItem("todos"));
轉載請註明出處,本文鏈接:https://www.uj5u.com/caozuo/504836.html
標籤:javascript html css 本地存储