3.网页计算器

今天任务：网页计算器（10分钟）

第 1 步：新建文件

Trae 里点 「文件」→「新建文件」

第 2 步：发需求给 AI

按 Ctrl + L，右边对话框里复制粘贴：

plain

我是初学者，已经会做输入框和按钮了。
现在我想做一个网页计算器：

上面有两个输入框，可以输入数字。
中间有一个下拉菜单，可以选择：加、减、乘、除。
下面有一个红色按钮"计算"。
最下面显示计算结果。

要求：
1. 给我完整代码，直接能运行
2. 每行代码后面用中文注释
3. 如果用户没输入数字就点击计算，提示"请输入数字"

第 3 步：应用代码

等 AI 写完，点 「应用」，代码自动进左边

第 4 步：保存

按 Ctrl + S

• 文件名：calculator.html
• 保存到桌面

第 5 步：运行测试

1. 桌面双击 calculator.html
2. 输入两个数字，选加减乘除，点计算
3. 看结果对不对
4. 故意不输入数字，点计算，看有没有提示