Create script.js

script.js

@@ -0,0 +1,47 @@
+document.addEventListener("DOMContentLoaded", function () {
+    const sendButton = document.getElementById("send-button");
+    const userInput = document.getElementById("user-input");
+    const chatMessages = document.getElementById("chat-messages");
+
+    sendButton.addEventListener("click", async function () {
+        const message = userInput.value.trim();
+        if (!message) {
+            alert("لطفاً یک پیام وارد کنید!");
+            return;
+        }
+
+        // نمایش پیام کاربر
+        const userMessage = document.createElement("p");
+        userMessage.textContent = `شما: ${message}`;
+        userMessage.style.color = "blue";
+        chatMessages.appendChild(userMessage);
+
+        // پاک کردن ورودی
+        userInput.value = "";
+
+        // ارسال پیام به سرور (Streamlit API)
+        try {
+            const response = await fetch("/generate", {
+                method: "POST",
+                headers: { "Content-Type": "application/json" },
+                body: JSON.stringify({ message }),
+            });
+            const data = await response.json();
+
+            // نمایش پاسخ مدل
+            const assistantMessage = document.createElement("p");
+            assistantMessage.textContent = `دستیار: ${data.response}`;
+            assistantMessage.style.color = "green";
+            chatMessages.appendChild(assistantMessage);
+        } catch (error) {
+            console.error("خطایی رخ داده است:", error);
+            const errorMessage = document.createElement("p");
+            errorMessage.textContent = "خطایی در ارتباط با سرور رخ داده است.";
+            errorMessage.style.color = "red";
+            chatMessages.appendChild(errorMessage);
+        }
+
+        // اسکرول به انتهای چت
+        chatMessages.scrollTop = chatMessages.scrollHeight;
+    });
+});