Update static/js/script.js

static/js/script.js

@@ -1,44 +1,44 @@
-document.getElementById("send-button").addEventListener("click", function() {
-    sendMessage();
-});
-
-document.getElementById("user-input").addEventListener("keypress", function(event) {
-    if (event.key === "Enter") {
-        sendMessage();
-    }
-});
-
-const micButton = document.getElementById("mic-button");
-const recognition = new (window.SpeechRecognition || window.webkitSpeechRecognition)();
-recognition.lang = "my-MM"; // Set to Burmese
-recognition.continuous = false;
-
-micButton.addEventListener("click", () => {
-    recognition.start();
-});
-
-recognition.onresult = (event) => {
-    document.getElementById("user-input").value = event.results[0][0].transcript;
-};
-
-function sendMessage() {
-    let userMessage = document.getElementById("user-input").value;
-    let chatbox = document.getElementById("chatbox");
-
-    if (userMessage.trim() === "") return;
-
-    // Display user message
-    chatbox.innerHTML += `<p><strong>You:</strong> ${userMessage}</p>`;
-    document.getElementById("user-input").value = "";
-
-    fetch("/chat", {
-        method: "POST",
-        headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({ message: userMessage })
-    })
-    .then(response => response.json())
-    .then(data => {
-        chatbox.innerHTML += `<p><strong>Bot:</strong> ${data.reply}</p>`;
-    })
-    .catch(error => console.error("Error:", error));
-}
+document.getElementById("send-button").addEventListener("click", function() {
+    sendMessage();
+});
+
+document.getElementById("user-input").addEventListener("keypress", function(event) {
+    if (event.key === "Enter") {
+        sendMessage();
+    }
+});
+
+const micButton = document.getElementById("mic-button");
+const recognition = new (window.SpeechRecognition || window.webkitSpeechRecognition)();
+recognition.lang = "my-MM"; // Set to Burmese
+recognition.continuous = false;
+
+micButton.addEventListener("click", () => {
+    recognition.start();
+});
+
+recognition.onresult = (event) => {
+    document.getElementById("user-input").value = event.results[0][0].transcript;
+};
+
+function sendMessage() {
+    let userMessage = document.getElementById("user-input").value;
+    let chatbox = document.getElementById("chatbox");
+
+    if (userMessage.trim() === "") return;
+
+    // Display user message
+    chatbox.innerHTML += `<p><strong>You:</strong> ${userMessage}</p>`;
+    document.getElementById("user-input").value = "";
+
+    fetch("https://whtet-burmese-chatbot.hf.space/chat", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ message: userMessage })
+    })
+    .then(response => response.json())
+    .then(data => {
+        chatbox.innerHTML += `<p><strong>Bot:</strong> ${data.reply}</p>`;
+    })
+    .catch(error => console.error("Error:", error));
+}