添加清空按钮

修改与保存 · 第 9 / 10 步查看完整路线

保存修改前的副本

在已经能统计字符的网页上增加一个功能:清空输入。先保留修改前的版本,再向 AI 说明按钮的具体行为。

在系统文件管理器中复制 index.html,副本命名为 index-before-clear.html。确认原网页通过上一页的统计检查后再修改,不要让 AI 改动这份副本。

发送按钮需求

核对修改的文件,完成后保存,再回到浏览器刷新。文件被修改后,浏览器不一定自动更新。

发送给 Claude Code
请只修改 index.html,增加“清空”按钮。
点击后输入内容为空,字符数变为 0,光标回到输入框。
保持原有统计规则,不修改 README.md 和 index-before-clear.html。
完成后说明修改了哪里。

检查按钮和原有统计

哪一步不符合预期,就把操作和实际结果发给 AI。需要恢复时先保留出错文件,再使用备份,不要直接删除所有改动。

  • 输入“你好 AI!”,仍应显示 5。
  • 点击“清空”,文字消失,数字变为 0。
  • 不再点击输入框,直接输入“你好”,应显示 2。

把新用法写回说明文件

打开 README.md,核对说明和网页的实际行为一致。

发送给 Claude Code
请更新 README.md,补充 index.html 的打开方法、统计规则、清空按钮的行为和手动检查样例。
不要把尚未执行的检查写成已经通过。
还没成功?查看本步排查

先对照本页操作和截图,确认打开的软件、文件夹和文件名。 若仍不能继续,按现象排查, 或整理报错向负责人求助。截图前遮盖密钥和私人资料。