Update static/script.js

static/script.js

@@ -95,7 +95,7 @@ let atBottom = true;
 function updateUI() {
   const messagesContainer = document.getElementById("messages");
   const isAtBottom = messagesContainer.scrollHeight - messagesContainer.scrollTop === messagesContainer.clientHeight;
-
+  
   let elementValue = '';
   if (DATA) {
     Object.entries(DATA).forEach(([key, value]) => {
@@ -105,6 +105,24 @@ function updateUI() {
           <div class="msg">${value.message}</div>
         </div>`;
     });
+  } else {
+    // Get the button element you want to preserve
+    const preserveButton = document.getElementById('createRoom');
+    
+    // Get the parent element containing all the elements you want to remove
+    const parentElement = document.body; // Change this selector according to your DOM structure
+    
+    // Get all children of the parent element
+    const children = parentElement.children;
+    
+    // Loop through the children and remove elements that are not the preserveButton
+    for (let i = 0; i < children.length; i++) {
+        const element = children[i];
+        if (element !== preserveButton) {
+            element.remove(); // Remove the element from the DOM
+        }
+    }
+
   }
   messagesContainer.innerHTML = elementValue;