lokalnotes-浏览器注释
#javascript #html #css #notes

LockalNotes website

a notesapp 存储注释 您的浏览器 Lokalnotes 使用localStorage将笔记数据存储在您的localstorage上。这将保留在您的浏览器上,除非您自己做,否则将被清除。

工作和功能

在lokalnotes中,我们可以,

  • 创建新笔记
  • 删除所有注释
  • 复制笔记
  • 下载笔记
  • 删除注释

创建注意

创建注释时,将项目notesData设置在localstorage中,并将值存储为json转换为字符串。

我们利用它创建多个注释作为单个localstorage键的值,因为localStorage中的数据被存储为键值对。


localstorage

key : notesData, 
value : {"1683644984302": "hi", "1683644984469": "bye"}

创建注释时,注释名称当前时间戳。因此,我们可以创建,读取,更新和删除注释,如果我们使用数据库也一样。


写并保存笔记

Textarea to write

当您在上单击 notename

Save the note

单击'保存注意'按钮以保存。您可以在Sidenav上查看'note保存'消息。

您也可以检查localStorage以查看存储的笔记ð

Copy note


复制并下载

复制

Notes Copied

for for for for for for for for for for创建的是,我们可以通过单击复制图标来复制注释的内容。

copy confirmed

您可以看到一条弹出消息,确认注释的内容已复制到剪贴板上。

下载

Download file

供下载,该注释的内容将以.txt文件的形式下载,名为文件名。

Downloaded file

示例:
value : {"1683644984302": "hi",...
将下载为1683644984302.txt

使用的techonolgies

  • HTML
  • CSS
  • javascript