95 lines
3.2 KiB
JavaScript
95 lines
3.2 KiB
JavaScript
document.addEventListener('DOMContentLoaded', () => {
|
|
const chatForm = document.getElementById('chat-form');
|
|
const userInput = document.getElementById('user-input');
|
|
const chatMessages = document.getElementById('chat-messages');
|
|
|
|
let threadId; // Variable to store the thread ID
|
|
|
|
chatForm.addEventListener('submit', async (e) => {
|
|
e.preventDefault();
|
|
const message = userInput.value.trim();
|
|
if (message) {
|
|
addMessage('User', message);
|
|
userInput.value = '';
|
|
|
|
try {
|
|
if (!threadId) {
|
|
// Create a new thread
|
|
threadId = await createThread(message);
|
|
} else {
|
|
// Post a message to the existing thread
|
|
await postMessageToThread(threadId, message);
|
|
}
|
|
} catch (error) {
|
|
console.error('Error:', error);
|
|
addMessage('System', 'Es ist ein Fehler aufgetreten. Bitte versuchen Sie es später erneut.');
|
|
}
|
|
}
|
|
});
|
|
|
|
async function createThread(message) {
|
|
try {
|
|
const response = await fetch('https://api.openai.com/v1/threads', {
|
|
method: 'POST',
|
|
headers: {
|
|
'Content-Type': 'application/json',
|
|
'Authorization': `Bearer ${OPENAI_API_KEY}`
|
|
},
|
|
body: JSON.stringify({
|
|
"messages": [
|
|
{
|
|
"role": "user",
|
|
"content": message
|
|
}
|
|
]
|
|
})
|
|
});
|
|
|
|
if (response.ok) {
|
|
const data = await response.json();
|
|
addMessage('Assistant', data.choices[0].message.content);
|
|
return data.id;
|
|
} else {
|
|
throw new Error('Fehler bei der Erstellung des Threads');
|
|
}
|
|
} catch (error) {
|
|
throw error;
|
|
}
|
|
}
|
|
async function postMessageToThread(threadId, message) {
|
|
try {
|
|
const response = await fetch(`https://api.openai.com/v1/threads/${threadId}/messages`, {
|
|
method: 'POST',
|
|
headers: {
|
|
'Content-Type': 'application/json',
|
|
'Authorization': `Bearer ${OPENAI_API_KEY}`
|
|
},
|
|
body: JSON.stringify({
|
|
"messages": [
|
|
{
|
|
"role": "user",
|
|
"content": message
|
|
}
|
|
]
|
|
})
|
|
});
|
|
|
|
if (response.ok) {
|
|
const data = await response.json();
|
|
addMessage('Assistant', data.choices[0].message.content);
|
|
} else {
|
|
throw new Error('Fehler beim Posten der Nachricht');
|
|
}
|
|
} catch (error) {
|
|
throw error;
|
|
}
|
|
}
|
|
|
|
function addMessage(sender, message) {
|
|
const messageElement = document.createElement('div');
|
|
messageElement.innerHTML = `<strong>${sender}:</strong> ${message}`;
|
|
chatMessages.appendChild(messageElement);
|
|
chatMessages.scrollTop = chatMessages.scrollHeight;
|
|
}
|
|
});
|