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

感谢您的回答，但要编辑任何应该完成的操作 –

我使用编辑/更新值的示例更新答案，只需写一些内容来更新答案，然后如果单击加载数据，则可以看到更新后的值。当然这是一个简单的例子，你可以阅读更多关于它的信息，并尝试做出符合你需要的东西。 –

在提到的问题中，我必须编辑现有的注释 –

回答