AI 生成: 一个简洁的待办事项 Web 应用,支持添加、完成、删除任务,并使用 localStorage 在浏览器本地保存数据。
This commit is contained in:
@@ -0,0 +1,44 @@
|
||||
# Simple Todo App
|
||||
|
||||
一个简洁的待办事项 Web 应用,支持添加、完成、删除任务,数据保存在浏览器本地。
|
||||
|
||||
## 功能
|
||||
|
||||
- 添加任务
|
||||
- 标记任务为完成 / 未完成
|
||||
- 删除任务
|
||||
- 使用 localStorage 自动保存数据
|
||||
- 响应式界面,适合桌面和移动端
|
||||
|
||||
## 技术栈
|
||||
|
||||
- HTML5
|
||||
- CSS3
|
||||
- 原生 JavaScript
|
||||
|
||||
## 目录结构
|
||||
|
||||
```
|
||||
simple-todo-app/
|
||||
├── index.html
|
||||
├── style.css
|
||||
├── app.js
|
||||
└── README.md
|
||||
```
|
||||
|
||||
## 使用方法
|
||||
|
||||
1. 下载或克隆本项目。
|
||||
2. 直接在浏览器中打开 `index.html`。
|
||||
3. 输入任务内容,点击“添加”或按回车即可创建任务。
|
||||
4. 点击任务左侧复选框可切换完成状态。
|
||||
5. 点击右侧删除按钮可删除任务。
|
||||
|
||||
## 数据存储
|
||||
|
||||
所有任务数据保存在浏览器的 `localStorage` 中,键名为 `simple-todo-app.tasks`。
|
||||
清除浏览器数据会同时清除任务。
|
||||
|
||||
## 许可
|
||||
|
||||
MIT
|
||||
Reference in New Issue
Block a user