@@ -9,7 +9,7 @@ form.addEventListener("submit", async (e) => {
99 const message = input . value . trim ( ) ;
1010 if ( ! message ) return ;
1111
12- appendMessage ( "user" , message ) ; // Styling aangepast
12+ appendMessage ( "user" , message ) ;
1313 input . value = "" ;
1414
1515 try {
@@ -26,8 +26,8 @@ form.addEventListener("submit", async (e) => {
2626 }
2727
2828 const data = await response . json ( ) ;
29- appendMessage ( "agent" , data . reply ) ; // Styling aangepast
30- threadId = data . thread_id ; // Bewaar thread_id voor vervolgvragen
29+ appendMessage ( "agent" , data . reply ) ;
30+ threadId = data . thread_id ;
3131 } catch ( err ) {
3232 appendMessage ( "agent" , "Er ging iets mis." ) ;
3333 console . error ( "Fout in fetch:" , err ) ;
@@ -37,7 +37,7 @@ form.addEventListener("submit", async (e) => {
3737function appendMessage ( role , text ) {
3838 const msg = document . createElement ( "div" ) ;
3939 msg . classList . add ( "message" , role === "user" ? "user-message" : "agent-message" ) ;
40- msg . innerHTML = `<div class="bubble"><strong> ${ role === "user" ? "Gebruiker" : "Agent" } :</strong><br> ${ text } </div>` ;
40+ msg . textContent = text ;
4141 chat . appendChild ( msg ) ;
4242 chat . scrollTop = chat . scrollHeight ;
4343}
0 commit comments