Update index.html

index.html

@@ -202,10 +202,10 @@
     userName.style.fontSize = '20px';
 
     // Check if the message contains "X [BOT]" and wrap it in a span
-    var messageContent = data.message.replace('X [BOT]', '<span style="color: green;">X [BOT]</span>');
+    var messageContent = data.message.replace(/X \[BOT\]/g, '<span style="color: green;">X [BOT]</span>');
 
     // Set the innerHTML of the newMessage element
-    newMessage.innerHTML = `${userName.outerHTML}<br>${messageContent}`;
+    newMessage.innerHTML = `<strong style="color: pink; font-size: 20px;">${data.user}</strong><br>${messageContent}`;
 
     newMessage.classList.add('user-message');