Create script.js

script.js

@@ -0,0 +1,76 @@
+document.addEventListener("DOMContentLoaded", () => {
+  const chatBox = document.getElementById("chatBox");
+
+  // Append a message to the chat box
+  function appendMessage(text, sender = "bot") {
+    const msg = document.createElement("div");
+    msg.className = sender === "bot" ? "bot-message" : "user-message";
+    msg.innerText = text;
+    chatBox.appendChild(msg);
+    chatBox.scrollTop = chatBox.scrollHeight;
+  }
+
+  // Send user message to backend
+  window.sendMessage = async () => {
+    const input = document.getElementById("userInput");
+    const message = input.value.trim();
+    if (!message) return;
+
+    appendMessage(message, "user");
+    input.value = "";
+
+    try {
+      // Show loading
+      appendMessage("Loading...", "bot");
+
+      // Make request to backend
+      const res = await fetch("/api", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ question: message })
+      });
+
+      const data = await res.json();
+
+      // Replace loading with response
+      const lastBotMsg = document.querySelector(".bot-message:last-child");
+      if (lastBotMsg) lastBotMsg.remove();
+
+      appendMessage(data.answer || "No response from AI.", "bot");
+    } catch (err) {
+      appendMessage("Failed to get response: " + err.message, "bot");
+    }
+  };
+
+  // Send message on Enter key
+  document.getElementById("userInput").addEventListener("keydown", (e) => {
+    if (e.key === "Enter") {
+      e.preventDefault();
+      sendMessage();
+    }
+  });
+
+  // Voice Input Button
+  const micBtn = document.getElementById("micBtn");
+  if ("webkitSpeechRecognition" in window || "SpeechRecognition" in window) {
+    const recognition = new (window.SpeechRecognition || window.webkitSpeechRecognition)();
+    recognition.lang = "en-IN";
+
+    recognition.onstart = () => appendMessage("🎙️ Listening...", "bot");
+
+    recognition.onresult = (e) => {
+      const transcript = e.results[0][0].transcript;
+      document.getElementById("userInput").value = transcript;
+      sendMessage();
+    };
+
+    recognition.onerror = (e) => {
+      appendMessage("Mic error: " + e.error, "bot");
+    };
+
+    micBtn.onclick = () => recognition.start();
+  } else {
+    micBtn.disabled = true;
+    micBtn.title = "Voice input not supported in this browser.";
+  }
+});