DOM操作和本地存儲

-2

創建一個網頁，您可以在其中添加備註，可以編輯它們並刪除它們。只要用戶能夠製作新的筆記，並編輯/刪除舊筆記，就可以將界面設計爲簡單或隨意。你可以在列表中，網格中或其他任何方式中記錄筆記。請記住，你不必使用jquery或任何其他庫只有簡單的JavaScript。我應該如何開始。DOM操作和本地存儲

我需要與上述項目進展情況提供幫助。我應該如何開始。 –

您從設計您的應用程序開始，然後對其進行編碼。 – Barmar

通過學習HTML + CSS + JavaScript。 –

爲此，您可以使用HTML5 localStorage來執行保存，編輯，刪除操作。

爲存儲值u可以使用：

// Store 
localStorage.setItem("note", "This is my simple note");

第一個參數是鍵，第二個是值。值可以是簡單的字符串或整數，...也可以是對象，數組，JSON數組，列表...

若要檢索值，您可以使用：

localStorage.getItem("note");

該參數是你用來存儲你的價值的關鍵。

，你也可以像這樣顯示HTML格式的值：

document.getElementById("noteSection").innerHTML = localStorage.getItem("note");

要刪除anitem，u可以使用：

localStorage.removeItem("note");

這裏我創建了一個簡單的例子做保存/加載/刪除數據：

UPDATE：

對於編輯幾乎是一樣的過程。

，你可以在這裏看到一個例子：

2017-06-02 02:45:16

感謝您的回答，但要編輯任何應該完成的操作 –

我使用編輯/更新值的示例更新答案，只需寫一些內容來更新答案，然後如果單擊加載數據，則可以看到更新後的值。當然這是一個簡單的例子，你可以閱讀更多關於它的信息，並嘗試做出符合你需要的東西。 –

在提到的問題中，我必須編輯現有的註釋 –

回答