update

static/script.js

@@ -1,38 +1,22 @@
 document.addEventListener('DOMContentLoaded', () => {
-    const form = document.querySelector('.text-gen-form');
-    const input = document.getElementById('text-gen-input');
-    const output = document.querySelector('.text-gen-output');
+    const form = document.querySelector('#sepsis-prediction form');
+    const result = document.querySelector('#sepsis-result');
   
-    form.addEventListener('submit', async (e) => {
-      e.preventDefault();
+    form.addEventListener('submit', async (event) => {
+      event.preventDefault();
   
-      const textPrompt = input.value.trim();
+      const formData = new FormData(form);
+      const urlParams = new URLSearchParams(formData);
+      const url = `/sepsis/predict?${urlParams.toString()}`;
   
-      if (textPrompt) {
-        try {
-          const response = await fetch('/sepsis/predict', {
-            method: 'GET',
-            headers: {
-              'Content-Type': 'application/json',
-            },
-            body: JSON.stringify({ textPrompt }),
-          });
+      try {
+        const response = await fetch(url);
+        const data = await response.json();
   
-          const data = await response.json();
-  
-          if (response.ok) {
-            const { predicted_sepsis, statement, user_input_statement } = data;
-  
-            // Update the output element with the predicted sepsis status and statement
-            output.textContent = `${user_input_statement}\n\n${statement}`;
-          } else {
-            output.textContent = 'Error: Unable to fetch prediction.';
-          }
-        } catch (error) {
-          output.textContent = 'Error: Something went wrong.';
-        }
-      } else {
-        output.textContent = 'Error: Text prompt cannot be empty.';
+        result.textContent = data.statement;
+      } catch (error) {
+        console.error('Error:', error);
+        result.textContent = 'An error occurred while processing the request.';
       }
     });
   });