AI 生成: 一个简洁的待办事项 Web 应用，支持添加、完成、删除任务，并使用 localStorage 在浏览器本地保存数据。

2026-09-28 20:05:39 +08:00
commit 3cf7cbe814
4 changed files with 434 additions and 0 deletions
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>Simple Todo App</title>
+  <link rel="stylesheet" href="style.css" />
+</head>
+<body>
+  <main class="app">
+    <header class="app-header">
+      <h1>待办事项</h1>
+      <p class="subtitle">简单、快速、本地保存</p>
+    </header>
+
+    <form id="todo-form" class="todo-form">
+      <input
+        id="todo-input"
+        class="todo-input"
+        type="text"
+        placeholder="输入一个新任务..."
+        autocomplete="off"
+        maxlength="120"
+      />
+      <button type="submit" class="add-btn">添加</button>
+    </form>
+
+    <section class="todo-stats">
+      <span id="todo-count">共 0 项</span>
+      <button id="clear-completed" class="clear-btn" type="button">清除已完成</button>
+    </section>
+
+    <ul id="todo-list" class="todo-list"></ul>
+
+    <p id="empty-state" class="empty-state">暂无任务，添加一个开始吧！</p>
+  </main>
+
+  <script src="app.js"></script>
+</body>
+</html>