← 返回提示詞庫
通用 #簡短 難度:入門

待办事项列表

Todo List

使用 HTML5、CSS3 和原生 JavaScript 创建一个响应式待办事项应用。该应用应具有现代、简洁的 UI,采用 CSS Grid/Flexbox 布局和直观的控件。实现完整的 CRUD 功能(添加/编辑)。

適用平台: ChatGPTClaudeGemini
使用 HTML5、CSS3 和原生 JavaScript 创建一个响应式待办事项应用。该应用应具有现代、简洁的 UI,使用 CSS Grid/Flexbox 布局和直观的控件。实现完整的 CRUD 功能(添加/编辑/删除/完成任务),并带有流畅的动画。包括带有颜色编码的任务分类和优先级级别(低/中/高)。添加带有日期选择器组件的截止日期和提醒通知。使用 localStorage 进行会话间的数据持久化。实现搜索功能,并带有状态、类别和日期范围的筛选器。使用 HTML5 拖放 API 实现任务的拖放重新排序。确保设计完全响应式,并使用媒体查询设置适当的断点。包括一个深色/浅色主题切换功能,并尊重用户系统偏好。添加细微的微交互和过渡,以提供更好的用户体验。