用html,css,js写一个调用chatgpt实现对话的网页,写出代码

在html文件中，可以使用以下代码来调用ChatGPT：<script>
let model;async function loadModel() {
model = await ChatGPT.fromUrl("<url_to_model>");
}async function generateResponse(input) {
// Generate response
let response = await model.generate(input, {
temperature: 0.5
});

// Show response
console.log(response);
}
</script>然后你可以使用JavaScript，HTML和CSS来创建一个简单的聊天界面，用户输入信息，ChatGPT响应：<div id="chat-container">
<div class="chat-box">
<input type="text" id="user-input" placeholder="Type your message here...">
<button id="send-btn">Send</button>
</div>
</div><script>
// Get elements
const container = document.getElementById('chat-container');
const input = document.getElementById('user-input');
const sendBtn = document.getElementById('send-btn');// Load model and add event listeners
loadModel().then(() => {
sendBtn.addEventListener('click', () => {
let inputText = input.value;
generateResponse(inputText).then(response => {
// Show response in chat window
let responseDiv = document.createElement('div');
responseDiv.innerHTML = response;
container.appendChild(responseDiv);
});
});
});
</script>