Modify the selfhosted webclient. Tried to fix the errors? The server has been modified too to try and compensate for errors.

chatserver/templates/index.html

@@ -50,6 +50,8 @@
         let username = prompt("Enter your username:");
         let chatRoom = prompt("Enter chat room (default: 'default')") || 'default';
 
+        // Log the join event data
+        console.log('Joining chat room:', { username: username, chat_room: chatRoom });
         // Join the chat room
         socket.emit('join', { username: username, chat_room: chatRoom });
 
@@ -65,10 +67,17 @@
         function sendMessage() {
             const message = messageInput.value;
             if (message.trim() !== '') {
+                // Log the send_message event data
+                console.log('Sending message:', { username: username, chat_room: chatRoom, message: message });
                 socket.emit('send_message', { username: username, chat_room: chatRoom, message: message });
                 messageInput.value = ''; // Clear the input field
             }
         }
+
+        // Log the send_message event data
+        console.log('Sending message:', { username: username, chat_room: chatRoom, message: message });
+        // Send a message to the server
+        socket.emit('send_message', { username: username, chat_room: chatRoom, message: message });
     </script>
 </body>
 </html>