Update templates/menu_page.html

templates/menu_page.html

@@ -108,7 +108,7 @@
         fetch('/menu')  // Endpoint that returns the menu data as JSON
             .then(response => response.json())
             .then(data => {
-                menuItems = data;
+                menuItems = data;  // Store fetched data
                 menuItems.forEach(item => {
                     const menuItemDiv = document.createElement('div');
                     menuItemDiv.classList.add('menu-item');
@@ -119,7 +119,7 @@
                         <p>Category: ${item.category}</p>
                         <button class="order-btn" data-item="${item.name}">Order</button>
                     `;
-                    menuItemsContainer.appendChild(menuItemDiv);
+                    menuItemsContainer.appendChild(menuItemDiv);  // Add item to the container
                 });
             })
             .catch(error => console.error('Error fetching menu items:', error));