做一个AI聊天机器人网页：有界面有对话

做一个属于你的ChatGPT

你有没有想过，做一个像ChatGPT一样的对话网页？今天我们就来做一个——一个有漂亮界面、能跟AI对话的网页。

分两步走

第一步：先做一个对话界面（纯前端）。第二步：接入AI让它真的能聊天。

第一步：做对话界面

创建 chatbot.html：

效果

打开这个网页，你会看到一个蓝白配色的聊天界面，跟微信聊天很像。你发消息，AI会随机回复一句话。

第二步：接入真正的AI

现在的回复是假的，要让它真的跟AI对话，需要接入AI的API接口。你可以用通义千问的免费API，把模拟回复的那段代码替换成真正的API调用。

不想自己写接口代码？把这个HTML文件发给AI，跟它说"帮我接入通义千问的API，让它能真正回答问题"，AI会帮你改好代码。

可以加什么功能？

从界面开始做，一步步加功能，这就是学编程最自然的方式。