生成字数统计网页

请 AI 按说明创建网页

确认 README.md 已保存，VS Code 仍打开 word-counter。这一步创建 index.html，它可以直接用浏览器打开。

出现操作确认时核对文件名。AI 完成后，在左侧找到 index.html；如果它只回复了代码，要求它把代码保存到该文件。

请读取 README.md，在当前文件夹创建 index.html，实现字数统计网页。
只用这个 HTML 文件，样式和脚本写在里面，不安装依赖，不连接外部服务。
页面包含输入框和实时字符数。标点计数，空格、换行等空白不计数。
按 Unicode 码点计数，单个 😀 算 1；不合并多个码点组成的表情。
不修改其他文件。完成后告诉我保存路径和打开方法。

用浏览器打开 index.html

应看到输入框和统计数字。本练习不需要启动本地服务，浏览器地址以 file: 开头可以正常使用。

• 在 VS Code 选择“文件 → 全部保存”。
• 右键左侧 index.html，Mac 选“在 Finder 中显示”，Windows 选“在文件资源管理器中显示”。
• 在系统窗口双击 index.html。若仍在编辑器里打开，右键选择“打开方式”，再选择浏览器。

输入这些内容，核对数字

依次替换输入，确认数字实时变化。显示代码文字时，检查文件是否误存为 index.html.txt。数字不对时，把输入、预期和实际结果告诉 AI；保存并刷新后重新测试。

• 输入框为空：显示 0。
• 输入“你好”：显示 2。
• 输入“你好 AI!”：显示 5，空格不计数，感叹号计数。
• 输入单个 😀：显示 1。这套规则按 Unicode 码点计数，不等同于把所有组合表情都当成一个字符。