Spaces:
Running
Running
File size: 1,822 Bytes
f7bbcab d3abe4a f7bbcab d3abe4a 03dcf00 d3abe4a f7bbcab 5e954ec 03dcf00 f7bbcab 5e954ec 03dcf00 d3abe4a 03dcf00 5e954ec f7bbcab 5e954ec f7bbcab 5e954ec f7bbcab 5e954ec 03dcf00 5e954ec d3abe4a 5e954ec d3abe4a |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 |
const userInput = document.getElementById('message-input');
const sendButton = document.getElementById('send-message');
const chatBox = document.getElementById('conversation-history');
const status = document.getElementById('status');
// Funktion, um eine Abfrage an die Hugging Face API zu senden
async function queryHuggingFace(data) {
const response = await fetch(
"https://api-inference.huggingface.co/models/mistralai/Mixtral-8x7B-v0.1",
{
headers: { Authorization: "Bearer IhrHuggingFaceAPIToken" },
method: "POST",
body: JSON.stringify(data),
}
);
const result = await response.json();
return result;
}
// Event-Listener für den Senden-Button
sendButton.addEventListener('click', () => {
const message = userInput.value.trim();
if (!message) return;
displayMessage('Du: ' + message, 'user');
userInput.value = '';
status.textContent = 'Der Bot antwortet...';
queryHuggingFace({"inputs": message})
.then(response => {
displayMessage('Bot: ' + response.generated_text, 'bot');
status.textContent = '';
})
.catch(error => {
displayMessage('Fehler beim Generieren der Antwort: ' + error, 'error');
status.textContent = '';
});
});
// Nachricht im Chat anzeigen
function displayMessage(message, sender) {
const messageElement = document.createElement('div');
messageElement.className = 'message ' + sender;
messageElement.textContent = message;
chatBox.appendChild(messageElement);
chatBox.scrollTop = chatBox.scrollHeight; // Scroll to the bottom
}
// Enter-Taste als Alternative zum Senden
userInput.addEventListener('keypress', function(e) {
if (e.key === 'Enter') {
sendButton.click();
}
});
|