<html lang="en"> <head> <meta charset="UTF-8"> <title>ChatGPT 3.5-Oxygen</title> <style> .center { margin: auto; margin-top: 30px; width: 80%; border: 3px solid #14A2FF; } </style> </head> <body> <div class="center"> <h1>ChatGPT 3.5-Oxygen</h1> <div class="chat-log" id="chatLog"></div> <div class="input-container"> <input class="input" id="inputMessage" placeholder="请输入消息"></input> <button class="send-button" onclick="sendMessage()">发送</button> </div> </div> <script> let conversationHistory = []; // 存储聊天历史 const chatLog = document.getElementById('chatLog'); const inputMessage = document.getElementById('inputMessage'); function sendMessage() { const message = inputMessage.value.trim(); if (message === '') { return; } addMessageToChatLog(message, 'user-message'); inputMessage.value = ''; // 更新聊天历史 conversationHistory.push({ role: 'user', content: message }); // 发送消息到服务器（ChatGPT）进行处理 sendRequestToChatGPT(conversationHistory); } function sendRequestToChatGPT(history) { // 发送请求到服务器（这里使用示例的URL，根据实际情况修改） fetch('https://api.chatanywhere.com.cn/v1/chat/completions', { method: 'POST', headers: { 'Authorization': 'Bearer sk-MVmhPCaapTgSfA0bafaU4s6bQRBKUSxCp1pmG0LZISFlRNZ1', 'Content-Type': 'application/json' }, body: JSON.stringify({ model: 'gpt-3.5-turbo', messages: history }) }) .then(response => response.json()) .then(data => { const reply = data.choices[0].message.content; // 将服务器返回的回复添加到聊天记录中 conversationHistory.push({ role: 'assistant', content: reply }); addMessageToChatLog(reply, 'ai-message'); }) .catch(error => { console.error('请求ChatGPT时出错:', error); }); } function addMessageToChatLog(message, className) { const messageElement = document.createElement('div'); messageElement.style.width = '70%'; messageElement.textContent = message; messageElement.classList.add(className); chatLog.appendChild(messageElement); chatLog.scrollTop = chatLog.scrollHeight; } </script> </body> </html> ChatGPT 3.5-Oxygen ChatGPT 3.5-Oxygen 发送 打赏 赞赏作者 支付宝微信 赞 2 如果觉得我的文章对你有用，请随意赞赏
