Update static/script.js

static/script.js

@@ -17,30 +17,38 @@ form.addEventListener("submit", async (e) => {
   formData.append("query", question);
 
   try {
-    const response = await fetch("/ask", {
+    const res = await fetch("/ask", {
       method: "POST",
-      body: formData,
+      headers: { "Content-Type": "application/x-www-form-urlencoded" },
+      body: new URLSearchParams({ query: question })
     });
 
-    if (!response.ok) {
-      throw new Error("Request failed");
+    const text = await res.text();
+    console.log("RAW RESPONSE:", text);
+
+    if (!res.ok) {
+      currentAnswer.textContent = `Error ${res.status}: ${text}`;
+      return;
     }
 
-    const data = await response.json();
+    const data = JSON.parse(text);
     const answer = data.answer;
 
-    // Show answer briefly
-    currentAnswer.textContent = answer;
-
-    setTimeout(() => {
-      addToHistory(question, answer);
-      currentAnswer.style.display = "none";
-      currentAnswer.textContent = "";
-    }, 600);
+    // Move to history
+    const item = document.createElement("div");
+    item.className = "history-item";
+    item.innerHTML = `
+      <div class="history-question">${question}</div>
+      <div class="history-answer">${answer}</div>
+    `;
+    historyList.prepend(item);
 
+    currentAnswer.style.display = "none";
     input.value = "";
+
   } catch (err) {
-    currentAnswer.textContent = "The spell failed. Try again.";
+    console.error(err);
+    currentAnswer.textContent = "JS error: " + err.message;
   }
 });