Update index.html

index.html

@@ -198,18 +198,20 @@
     
     var userName = document.createElement('strong');
     userName.textContent = data.user;
-    userName.style.color = 'pink'
-    userName.style.fontSize = '20px'
-    var messageText = document.createTextNode(data.message);
-    
-    newMessage.appendChild(userName);
-    newMessage.appendChild(document.createElement('br'));
-    newMessage.appendChild(messageText);
-    
+    userName.style.color = 'pink';
+    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>');
+
+    // Set the innerHTML of the newMessage element
+    newMessage.innerHTML = `${userName.outerHTML}<br>${messageContent}`;
+
     newMessage.classList.add('user-message');
     
     messages.appendChild(newMessage);
 });
+
        
 socket.on('response', function(data) {
     if(data.img!=null || data.img!=undefined){