Upload script.js

static/script.js

@@ -0,0 +1,44 @@
+const form = document.getElementById("qa-form");
+const input = document.getElementById("question-input");
+const currentAnswer = document.getElementById("current-answer");
+const historyList = document.getElementById("history-list");
+
+form.addEventListener("submit", async (e) => {
+  e.preventDefault();
+
+  const question = input.value.trim();
+  if (!question) return;
+
+  currentAnswer.style.display = "block";
+  currentAnswer.innerHTML = "<p>Thinking...</p>";
+
+  try {
+    const response = await fetch("/ask", {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/x-www-form-urlencoded",
+      },
+      body: new URLSearchParams({ query: question }),
+    });
+
+    const data = await response.json();
+    const answer = data.answer;
+
+    // Create history card
+    const historyItem = document.createElement("div");
+    historyItem.className = "history-item";
+    historyItem.innerHTML = `
+      <div class="history-question">${question}</div>
+      <div class="history-answer">${answer}</div>
+    `;
+
+    // Add to top of history
+    historyList.prepend(historyItem);
+
+  } catch (err) {
+    alert("Something went wrong. Try again.");
+  } finally {
+    currentAnswer.style.display = "none";
+    input.value = "";
+  }
+});