From 6328de1e4c02a0b7e8dcb2013f010896b1ef0ca6 Mon Sep 17 00:00:00 2001
From: Dangrainage <99558179+Dangrainage@users.noreply.github.com>
Date: Mon, 28 Aug 2023 20:11:40 +0200
Subject: [PATCH] Update chatroom.HTML

---
 chatroom.HTML | 14 ++++++--------
 1 file changed, 6 insertions(+), 8 deletions(-)

diff --git a/chatroom.HTML b/chatroom.HTML
index 570c3b4..464f4fc 100644
--- a/chatroom.HTML
+++ b/chatroom.HTML
@@ -29,28 +29,26 @@
   <input type="text" id="message" placeholder="Type your message">
   <button id="send">Send</button>
 
-  <script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/4.0.1/socket.io.js"></script>
   <script>
     const chatbox = document.getElementById('chatbox');
     const messageInput = document.getElementById('message');
     const sendButton = document.getElementById('send');
 
-    const socket = io(); // Connect to the Socket.io server
+    let messages = [];
 
     sendButton.addEventListener('click', function() {
       const message = messageInput.value;
       if (message.trim() !== '') {
-        socket.emit('message', message); // Send the message to the server
+        messages.push(message);
+        updateChatbox();
         messageInput.value = '';
       }
     });
 
-    socket.on('message', function(message) {
-      const messageElement = document.createElement('div');
-      messageElement.textContent = message;
-      chatbox.appendChild(messageElement);
+    function updateChatbox() {
+      chatbox.innerHTML = messages.map(msg => `<div>${msg}</div>`).join('');
       chatbox.scrollTop = chatbox.scrollHeight; // Scroll to the bottom
-    });
+    }
 
     messageInput.addEventListener('keyup', function(event) {
       if (event.key === 'Enter') {