Update script.js

Author: VolkanSah

script.js

@@ -1,33 +1,37 @@
-const chatForm = document.getElementById("chat-form");
-const chatInput = document.getElementById("chat-input");
-const chatOutput = document.getElementById("chat-output");
+// script.js
+document.getElementById('chat-form').addEventListener('submit', async function (event) {
+    event.preventDefault();
 
-chatForm.addEventListener("submit", async (e) => {
-    e.preventDefault();
-    const message = chatInput.value.trim();
-    if (!message) return;
+    const message = document.getElementById('message').value;
+    const fileInput = document.getElementById('file');
+    const formData = new FormData();
 
-    chatOutput.innerHTML += `<p class="user-message">${message}</p>`;
-    chatInput.value = "";
-    chatOutput.scrollTop = chatOutput.scrollHeight;
+    formData.append('message', message);
+    if (fileInput.files.length > 0) {
+        formData.append('file', fileInput.files[0]);
+    }
 
-    const response = await fetch("gptchat.php", {
-        method: "POST",
-        headers: {
-            "Content-Type": "application/json",
-        },
-        body: JSON.stringify({ message }),
+    const response = await fetch('index.php', {
+        method: 'POST',
+        body: formData
     });
 
-    if (response.ok) {
-        const data = await response.json();
-        if (data.choices && data.choices[0] && data.choices[0].text) {
-            chatOutput.innerHTML += `<p class="bot-message">${data.choices[0].text}</p>`;
-        } else {
-            console.error("Error: Unexpected response format", data);
-        }
-        chatOutput.scrollTop = chatOutput.scrollHeight;
-    } else {
-        console.error("Error communicating with GPTChat API");
+    const result = await response.json();
+    displayMessage(result.message, result.imageUrl);
+});
+
+function displayMessage(message, imageUrl) {
+    const chatBox = document.getElementById('chat-box');
+    const messageDiv = document.createElement('div');
+    messageDiv.classList.add('message');
+    messageDiv.innerHTML = `<p>${message}</p>`;
+
+    if (imageUrl) {
+        const img = document.createElement('img');
+        img.src = imageUrl;
+        messageDiv.appendChild(img);
     }
-});
+
+    chatBox.appendChild(messageDiv);
+    chatBox.scrollTop = chatBox.scrollHeight;
+}