Update script.js

Author: zorginkopen

script.js

@@ -2,19 +2,22 @@ const chat = document.getElementById("chat");
 const form = document.getElementById("input-form");
 const input = document.getElementById("user-input");
 
+const messageHistory = [];
+
 form.addEventListener("submit", async (e) => {
   e.preventDefault();
   const message = input.value.trim();
   if (!message) return;
 
   appendMessage("user", message);
+  messageHistory.push({ role: "user", content: message });
   input.value = "";
 
   try {
     const response = await fetch("https://chatproxy.azurewebsites.net/api/chatproxy", {
       method: "POST",
       headers: { "Content-Type": "application/json" },
-      body: JSON.stringify({ message })
+      body: JSON.stringify({ messages: messageHistory })
     });
 
     if (!response.ok) {
@@ -23,8 +26,10 @@ form.addEventListener("submit", async (e) => {
       throw new Error(`Serverfout: ${response.status}`);
     }
 
-    const fullText = await response.text();
-    simulateTyping("assistant", fullText);
+    const text = await response.text();
+    appendMessage("assistant", text);
+    messageHistory.push({ role: "assistant", content: text });
+
   } catch (err) {
     appendMessage("assistant", "Er ging iets mis.");
     console.error("Fout in fetch:", err);
@@ -33,24 +38,8 @@ form.addEventListener("submit", async (e) => {
 
 function appendMessage(role, text) {
   const msg = document.createElement("div");
-  msg.classList.add("message");
-  msg.classList.add(role === "user" ? "user-message" : "agent-message");
-  msg.innerText = `${text}`;
+  msg.className = "message " + (role === "user" ? "user-message" : "agent-message");
+  msg.textContent = text;
   chat.appendChild(msg);
   chat.scrollTop = chat.scrollHeight;
 }
-
-function simulateTyping(role, fullText) {
-  const msg = document.createElement("div");
-  msg.classList.add("message");
-  msg.classList.add(role === "user" ? "user-message" : "agent-message");
-  chat.appendChild(msg);
-
-  let index = 0;
-  const interval = setInterval(() => {
-    msg.innerText = fullText.slice(0, index);
-    chat.scrollTop = chat.scrollHeight;
-    index++;
-    if (index > fullText.length) clearInterval(interval);
-  }, 20); // snelheid: 20ms per karakter
-}