Update script.js

Author: zorginkopen

script.js

@@ -4,6 +4,21 @@ const input = document.getElementById("user-input");
 
 let threadId = null; // Slaat de thread_id lokaal op
 
+// Welkomstbericht tonen bij opstart
+window.addEventListener("DOMContentLoaded", () => {
+  const welcomeMessage = `
+    Welkom bij de AI Indicatiehulp! Ik ben jouw digitale adviseur voor het stellen van de juiste indicatie en het opstellen van een conceptadvies voor de zorgexpert (Kim Brand).<br><br>
+    <strong>Kies een optie om te starten:</strong><br>
+    1. In kaart brengen cliëntsituatie<br>
+    2. Bekijk richtlijnen<br>
+    3. Contact opnemen met de zorgexpert<br><br>
+    Wil je direct een indicatieadvies laten opstellen? Dan heb ik meer informatie nodig over de cliënt.<br>
+    Met welke optie wil je verder?<br>
+    Geef bij voorkeur ook je naam en een e-mail of telefoonnummer, zodat we het conceptadvies voor beoordeling kunnen indienen.
+  `;
+  appendMessage("agent", welcomeMessage);
+});
+
 form.addEventListener("submit", async (e) => {
   e.preventDefault();
   const message = input.value.trim();
@@ -27,7 +42,7 @@ form.addEventListener("submit", async (e) => {
 
     const data = await response.json();
     appendMessage("agent", data.reply);
-    threadId = data.thread_id;
+    threadId = data.thread_id; // Bewaar voor vervolgvragen
   } catch (err) {
     appendMessage("agent", "Er ging iets mis.");
     console.error("Fout in fetch:", err);
@@ -37,7 +52,7 @@ form.addEventListener("submit", async (e) => {
 function appendMessage(role, text) {
   const msg = document.createElement("div");
   msg.classList.add("message", role === "user" ? "user-message" : "agent-message");
-  msg.textContent = text;
+  msg.innerHTML = text; // HTML renderen i.p.v. tekst
   chat.appendChild(msg);
   chat.scrollTop = chat.scrollHeight;
 }