Update script.js

zorginkopen · web-flow · commit 77fd818ea05c · 2025-06-18T16:26:09.000+02:00
diff --git a/script.js b/script.js
@@ -33,7 +33,8 @@ form.addEventListener("submit", async (e) => {
 
 function appendMessage(sender, text) {
   const msg = document.createElement("div");
-  msg.innerHTML = `<div class="user">${sender}:</div><div class="agent">${text}</div>`;
+  msg.className = "message " + (sender === "Gebruiker" ? "user-message" : "agent-message");
+  msg.textContent = text;
   chat.appendChild(msg);
   chat.scrollTop = chat.scrollHeight;
 }

Original file line number	Diff line number	Diff line change
`@@ -33,7 +33,8 @@ form.addEventListener("submit", async (e) => {`
`33`	`33`
`34`	`34`	`function appendMessage(sender, text) {`
`35`	`35`	`const msg = document.createElement("div");`
`36`		- msg.innerHTML = `<div class="user">${sender}:</div><div class="agent">${text}</div>`;
	`36`	`+ msg.className = "message " + (sender === "Gebruiker" ? "user-message" : "agent-message");`
	`37`	`+ msg.textContent = text;`
`37`	`38`	`chat.appendChild(msg);`
`38`	`39`	`chat.scrollTop = chat.scrollHeight;`
`39`	`40`	`}`