第一个任务：做一个待办清单

准备一个空的练习目录

完成上一课的安装与登录，打开 codex-practice 文件夹。这一课使用单文件网页，不需要数据库，也不要求你先安装项目依赖。

把这个任务发给 Codex

复制下面的练习示例，粘贴到 Codex 的输入框并发送。它应当在当前练习目录中创建 index.html。

请在当前练习目录创建一个中文待办清单网页，文件名为 index.html。

要求：
- HTML、CSS 和 JavaScript 都写在这一个文件里，不加载外部资源。
- 可以新增待办、标记完成、删除待办。
- 输入为空时不能新增；第一次打开显示“还没有待办”。
- 每次刷新后清空列表，暂时不保存数据。
- 手机和电脑都能使用，按钮文字清楚。

只在当前目录创建这个文件，不修改其他目录。
完成后告诉我怎样打开，以及新增、完成、删除和空输入分别怎样检查。不能实际验证的部分请明确说明。

打开网页，亲手检查结果

等它完成后，找到练习目录中的 index.html，双击用浏览器打开。如果打不开，让 Codex 帮你确认文件是否生成、路径是否正确。

1. 看空列表

   刚打开时应显示“还没有待办”。点空输入的新增按钮，不应生成空任务。

2. 新增一条任务

   输入“完成 Codex 第一课”并新增，页面应出现同样的文字。

3. 完成并删除

   标记完成后，应出现清楚的完成状态；点击删除后，这条任务应消失。

4. 刷新并试试手机宽度

   本练习约定刷新清空数据。缩窄浏览器或用手机查看，检查输入框和按钮有没有挤出屏幕。

再提出一次具体修改

先保留可用版本，再挑一个小改进。下面的示例增加剩余任务数，并要求保留已有功能。

请在刚才的待办清单中增加“剩余未完成任务数”。
新增、完成、取消完成和删除后，数字都要正确更新。
保留现有新增、完成、删除和空输入校验功能，不添加外部依赖。
修改后列出改了哪些地方，并给我一份简短的检查步骤。