2.做一个”会叫出你名字”的网页

做一个”会叫出你名字”的网页

比 Hello World 更进一步——你输入名字，点击按钮，它弹出 “你好，XXX！欢迎来到AI世界！”

---

今天任务（10分钟）

第 1 步：新建文件

1. Trae 里点左上角 「文件」→「新建文件」
2. 出现空白编辑区

第 2 步：打开 AI 对话框

按 Ctrl + L，右边弹出对话框

第 3 步：发需求

完整复制下面这段话，按回车：

plain

我是初学者，已经会做一个点击弹出Hello World的网页了。
现在我想做一个更厉害的：

一个网页，上面有一个输入框，可以输入我的名字。
下面有一个红色按钮，点击后弹出提示框："你好，XXX！欢迎来到AI世界！"
（XXX就是我输入的名字）

要求：
1. 给我完整代码，直接能运行
2. 每行代码后面用中文注释
3. 输入框要有提示文字"请输入你的名字"

第 4 步：应用代码

• 等 AI 写完，点代码框右上角的 「应用」
• 代码自动进左边编辑区

第 5 步：保存

按 Ctrl + S

• 文件名：hello-name.html
• 位置：桌面

第 6 步：运行

1. 去桌面双击 hello-name.html
2. 浏览器打开，看到输入框和红色按钮
3. 输入你的名字，点按钮
4. 弹出 “你好，[你的名字]！欢迎来到AI世界！”