帮我写一个调用chatgpt的 html代码
以下是一个简单的HTML代码，其中调用了ChatGPT模型：
<!DOCTYPE html>
<html>
<head>
<title>ChatGPT Demo</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- 引入jQuery库 -->
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<!-- 引入ChatGPT的JavaScript文件 -->
<script src="https://unpkg.com/chatgpt/dist/index.js"></script>
</head>
<body>
<h1>ChatGPT Demo</h1>
<p>和ChatGPT聊天：</p>
<div id="chat"></div>
<input type="text" id="message" placeholder="输入你的消息">
<button onclick="sendMessage()">发送</button>
<script>
// 创建ChatGPT实例
const chat = new ChatGPT();
// 消息发送函数
function sendMessage() {
// 获取输入框中的消息
const message = document.getElementById("message").value;
// 调用ChatGPT的回复函数
chat.reply(message).then(reply => {
// 在聊天框中显示回复消息
const chatDiv = document.getElementById("chat");
chatDiv.innerHTML += "<p><strong>你:</strong> " + message + "</p>";
chatDiv.innerHTML += "<p><strong>ChatGPT:</strong> " + reply + "</p>";
});
// 清空输入框
document.getElementById("message").value = "";
}
</script>
</body>
</html>
你可以在浏览器中打开这个HTML文件，即可看到一个聊天界面，和ChatGPT进行简单的对话。注意，聊天功能需要联网才能正常使用。
原文地址: http://www.cveoy.top/t/topic/CFh 著作权归作者所有。请勿转载和采集!