{"repo": "aaaa-zhen/chatbot", "files": {"js.js": {"8bafa22881c866dd07a97d2eedb99a86cfaf8db1": {"t": 1785768977.9113185, "n": 2531, "h": "6016cc53ccaa5f88", "c": "var conversationHistory = [\n    {\n        \"role\": \"system\",\n        \"content\": \"You are a helpful assistant.\"\n    }\n];\n\nfunction sendMessage() {\n    var userInput = document.getElementById(\"user-input\").value;\n    if (userInput.trim() === \"\") return;\n\n    // 添加用户输入到对话历史\n    conversationHistory.push({\"role\": \"user\", \"content\": userInput});\n\n    var chatMessages = document.getElementById(\"chat-messages\");\n    var userMessageElement = document.createElement(\"div\");\n    userMessageElement.classList.add(\"message\", \"user-message\");\n    userMessageElement.innerHTML = '<p>' + userInput + '</p>';\n\n    chatMessages.appendChild(userMessageElement);\n\n    fetch('https://api.aihubmix.com/v1/chat/completions', {\n        method: 'POST',\n        headers: {\n            'Content-Type': 'application/json',\n            'Authorization': 'Bearer sk-3h4UkodL951Aif2EC9A485C91eBe4bE4B04d599fA355D5F8'\n        },\n        body: JSON.stringify({\n            \"model\": \"gpt-4o-mini\",\n            \"messages\": conversationHistory // 传递对话历史作为上下文\n        })\n    })\n    .then(response => response.json())\n    .then(data => {\n        var botMessageElement = document.createElement(\"div\");\n        botMessageElement.classList.add(\"message\", \"bot-message\");\n    \n        // 将 API 返回的文本分割成段落\n        var paragraphs = data.choices[0].message.content.split(\"\\n\\n\");\n    \n        // 创建一个容器元素，用于放置所有段落\n        var contentContainer = document.createElement(\"div\");\n    \n        // 添加每个段落到内容容器中，并应用动画类\n        paragraphs.forEach(paragraphText => {\n            var paragraphElement = document.createElement(\"p\");\n            paragraphElement.textContent = paragraphText;\n            paragraphElement.classList.add(\"fade-in\"); // 添加动画类\n            contentContainer.appendChild(paragraphElement);\n        });\n    \n        // 添加样式以调整行间距\n        contentContainer.style.marginBottom = \"20px\"; // 调整内容容器的底部间距\n    \n        // 将内容容器添加到消息元素中\n        botMessageElement.appendChild(contentContainer);\n    \n        chatMessages.appendChild(botMessageElement);\n        chatMessages.scrollTop = chatMessages.scrollHeight;\n    \n        // 添加 API 响应到对话历史\n        conversationHistory.push({\"role\": \"assistant\", \"content\": data.choices[0].message.content});\n    })\n    .catch(error => console.error('Error:', error));\n\n    document.getElementById(\"user-input\").value = \"\";\n    chatMessages.scrollTop = chatMessages.scrollHeight;\n}\n\ndocument.getElementById(\"user-input\").addEventListener(\"keypress\", function(event) {\n    if (event.key === \"Enter\") {\n        sendMessage();\n    }\n});\n"}}}}