Update static/script.js

static/script.js

@@ -1,36 +1,37 @@
-document.getElementById("get-answer").addEventListener("click", async () => {
-  const context = document.getElementById("context").value.trim();
-  const questions = document.getElementById("questions").value.trim();
-  const output = document.getElementById("answer-box");
-  const history = document.getElementById("history-list");
+document.getElementById("submit-btn").addEventListener("click", async () => {
+    const context = document.getElementById("context").value.trim();
+    const questions = document.getElementById("question").value.trim(); // fixed ID
+    const output = document.getElementById("answer-box");
+    const history = document.getElementById("history-list");
 
-  output.textContent = "⏳ Generating answers...";
+    output.textContent = "⏳ Generating answers...";
 
-  const res = await fetch("/get_answer", {
-    method: "POST",
-    headers: {"Content-Type": "application/json"},
-    body: JSON.stringify({ context, questions })
-  });
+    const res = await fetch("/predict", {  // fixed URL
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ context, question: questions }) // key must match backend
+    });
 
-  const data = await res.json();
+    const data = await res.json();
 
-  if (data.error) {
-    output.textContent = "⚠️ " + data.error;
-    return;
-  }
+    if (data.error) {
+        output.textContent = "⚠️ " + data.error;
+        return;
+    }
 
-  let text = "";
-  data.results.forEach((r, i) => {
-    text += `Q${i + 1}: ${r.question}\nAnswer: ${r.answer}\nConfidence: ${r.score}\n${"-".repeat(50)}\n`;
-  });
-  output.textContent = text;
+    let text = "";
+    data.results.forEach((r, i) => {
+        text += `Q${i + 1}: ${r.question}\nAnswer: ${r.answer}\nConfidence: ${r.score}\n${"-".repeat(50)}\n`;
+    });
+    output.textContent = text;
 
-  // Add to history
-  const li = document.createElement("li");
-  li.textContent = questions.replace(/\n/g, " | ");
-  history.prepend(li);
+    // Add to history
+    const li = document.createElement("li");
+    li.textContent = questions.replace(/\n/g, " | ");
+    history.prepend(li);
 });
 
-document.getElementById("toggle-dark").addEventListener("click", () => {
-  document.body.classList.toggle("dark-mode");
+// Fixed dark mode toggle
+document.getElementById("dark-toggle").addEventListener("click", () => {
+    document.body.classList.toggle("dark-mode");
 });