Update messages.html

Author: kRxZykRxZy

messages.html

@@ -225,21 +225,6 @@ <h1>Messages</h1>
 
 <h3>Messages<span id="alerts" class="badge">Loading...</span></h3>
 
-<h4>Higher Priority Alerts</h4>
-<center><h3 id="HPA">Loading...</h3></center>
-
-<h4>Normal Priority Alerts</h4>
-<center><h3 id="NPA">Loading...</h3></center>
-
-<h4>Lower Priority Alerts</h4>
-<center><h3 id="LPA">Loading...</h3></center>
-
-<h4>Lowest Priority Alerts <span class="badge">1 Alert</span></h4>
-<div class="alert">
-  <span class="closebtn" onclick="this.parentElement.style.display='none';">&times;</span>
-  Welcome to Coding Hut! Try signing in, making orders, becoming staff and more! We are glad you joined us.
-</div>
-
     <script>
       function toggleMenu() {
         var menu = document.querySelector('.menu');
@@ -256,12 +241,33 @@ <h4>Lowest Priority Alerts <span class="badge">1 Alert</span></h4>
   setTimeout(function(){ x.className = x.className.replace("show", ""); }, 3000);
   window.location.href = /message_person.html;
 }
-      const messagesHPA = localstorage.getItem('HPA');
-      document.getElemantById('HPA') = messagesHPA;
-      const messagesNPA = localstorage.getItem('NPA');
-      document.getElemantById('HPA') = messagesNPA;
-      const messagesLPA = localstorage.getItem('LPA'); 
-      document.getElemantById('LPA') = messagesLPA;
+window.onload = function {
+  getMessagesForRecipient();
+};
+              window.onload = function() {
+            const message = localStorage.getItem('username') || 'No message found.';
+            document.getElementById('getRecipient').textContent = message;
+        };
+      
+        function getMessagesForRecipient() {
+            const recipient = document.getElementById('getRecipient').value;
+            const userMessages = JSON.parse(localStorage.getItem(recipient)) || [];
+            const messagesDisplay = document.getElementById('messagesDisplay');
+
+            messagesDisplay.innerHTML = '';
+
+            if (userMessages.length > 0) {
+                userMessages.forEach(message => {
+                    const listItem = document.createElement('li');
+                    listItem.textContent = message;
+                    messagesDisplay.appendChild(listItem);
+                });
+            } else {
+                const noMessagesItem = document.createElement('li');
+                noMessagesItem.textContent = `No messages found for ${recipient}.`;
+                messagesDisplay.appendChild(noMessagesItem);
+            }
+        }
     </script>
   </body>
 </html>