Update static/script.js

static/script.js

@@ -54,43 +54,26 @@ function getMessages(roomId=myRoomId, url="https://jacobinathanialpeterson-chatb
 		})
 		.then(response => { if (!response.ok) { throw new Error('Network response was not ok.') } return response.json() })
 		.then(data => {
-            if (data.message) {
-                // Get the button element you want to preserve
-                const preserveButton1 = document.getElementById('createRoom');
-                const preserveButton2 = document.getElementById('joinRoom');
-                
-                // 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 !== preserveButton1 || element !== preserveButton2) {
-                        element.remove(); // Remove the element from the DOM
-                    }
-                }
+            if (!data.message) {
+    			// Get the keys of the object
+    			const keys = Object.keys(data);
+    
+    			// Sort the keys based on their natural order
+    			keys.sort((a, b) => {
+    			  // Extract numeric part of keys
+    			  const numA = parseInt(a.match(/\d+/)[0]);
+    			  const numB = parseInt(b.match(/\d+/)[0]);
+    			  return numA - numB;
+    			});
+    
+    			// Create a new object with sorted keys
+    			DATA = {};
+    			keys.forEach(key => {
+    			  DATA[key] = data[key];
+    			});
+    
+    			controller.abort(); 
             }
-			// Get the keys of the object
-			const keys = Object.keys(data);
-
-			// Sort the keys based on their natural order
-			keys.sort((a, b) => {
-			  // Extract numeric part of keys
-			  const numA = parseInt(a.match(/\d+/)[0]);
-			  const numB = parseInt(b.match(/\d+/)[0]);
-			  return numA - numB;
-			});
-
-			// Create a new object with sorted keys
-			DATA = {};
-			keys.forEach(key => {
-			  DATA[key] = data[key];
-			});
-
-			controller.abort(); 
 		})
 		.catch(error => { if (error.name === 'AbortError') { console.log('Fetch aborted:', error.message) } else { console.error('Error fetching data:', error.message) }});
 }