Spaces:

Songyou
/

newTest

Paused

Songyou commited on Dec 24, 2024

Commit

b47ecb2

verified ·

1 Parent(s): 64d8b22

Update static/index.html

Files changed (1) hide show

static/index.html CHANGED Viewed

@@ -1,36 +1,32 @@
 <!DOCTYPE html>
 <html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Fast API 🤗 Space served with Uvicorn</title>
-    <link rel="stylesheet" href="style.css" />
-    <script type="module" src="script.js"></script>
-  </head>
-  <body>
-    <main>
-      <section id="text-gen">
-        <h1>Text generation using Flan T5</h1>
-        <p>
-          Model:
-          <a
-              href="https://huggingface.co/google/flan-t5-small"
-              rel="noreferrer"
-              target="_blank"
-            >google/flan-t5-small</a
-          >
-        </p>
-        <form class="text-gen-form">
-          <label for="text-gen-input">Text prompt</label>
-          <input
-            id="text-gen-input"
-            type="text"
-            value="English: Translate There are many ducks. German:"
-          />
-          <button id="text-gen-submit">Submit</button>
-          <p class="text-gen-output"></p>
-        </form>
-      </section>
-    </main>
-  </body>
-</html>

 <!DOCTYPE html>
 <html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>FastAPI Example</title>
+</head>
+<body>
+    <h1>FastAPI Input Example</h1>
+    <input type="text" id="user_input" placeholder="Enter something...">
+    <button onclick="submitInput()">Submit</button>
+    <p id="response"></p>
+    <script>
+        function submitInput() {
+            const input = document.getElementById("user_input").value;
+            fetch("http://localhost:8000/submit", {
+                method: "POST",
+                headers: {
+                    "Content-Type": "application/json"
+                },
+                body: JSON.stringify({ user_input: input })
+            })
+            .then(response => response.json())
+            .then(data => {
+                document.getElementById("response").textContent = "Response: " + data.message;
+            })
+            .catch(error => console.error("Error:", error));
+        }
+    </script>
+</body>
+</html>