Spaces:
Sleeping
Sleeping
File size: 1,650 Bytes
c856509 |
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 |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script type="module" src="https://cdn.jsdelivr.net/npm/@gradio/client/dist/index.min.js"></script>
<title>econ-chat</title>
</head>
<body>
<h1>econ-chat for eLearning</h1>
<h2>Metropolen</h2>
<div>
<form id="question-form">
<input type="text" id="question" placeholder="e.g. Wer ist Martin Keßler?">
<input type="submit" value="Answer">
</form>
</div>
<div id="result"></div>
<script type="module">
import { Client } from "https://cdn.jsdelivr.net/npm/@gradio/client/dist/index.min.js";
const client = await Client.connect("gautamethiraj/econ-chat");
document.getElementById('question-form').addEventListener('submit', async function(event) {
event.preventDefault(); // Prevent the default form submission
const questionInput = document.getElementById('question');
const question = questionInput.value;
const resultDiv = document.getElementById('result');
resultDiv.textContent = 'Loading...'; // Show a loading message
try {
const result = await client.predict("/predict", {
frage: question,
});
resultDiv.textContent = result.data; // Display the result on the page
} catch (error) {
resultDiv.textContent = 'An error occurred. Please try again.'; // Handle errors
}
});
</script>
</body>
</html> |