2. 制作字数统计网页

连接测试通过后,创建项目说明、生成网页、添加清空按钮,最后保存并重新打开。

最终得到一个可以直接用浏览器打开的 index.html:输入文字会实时计数,点击按钮可以清空。README.md 记录规则和用法,两个文件都保存在你的电脑里。

开始前,确认 Claude Code 能回复,并且当前打开的是 word-counter 文件夹。 还没有准备好?先准备工具与连接; 已经装好的工具不必重复安装。

  1. 创建并预览 README项目中有 README.md,预览里的统计规则正确。
  2. 生成字数统计网页index.html 能打开,空输入、中文、混合文字和单个表情的计数正确。
  3. 添加清空按钮清空后数字为 0,光标回到输入框,原有统计仍正确。
  4. 保存并重新打开网页关闭后能找到项目文件,重新打开网页并完成统计和清空操作。

这四步不需要 Node.js,也不要求先创建 Git 仓库。完成后如需远程备份, 再查看Git 保存与团队项目。