From ee1fa3f4b36662342957ac3cdb1902cf14b07ab6 Mon Sep 17 00:00:00 2001
From: UZI <uzincube@gmail.com>
Date: Tue, 20 Aug 2024 20:39:50 +0200
Subject: [PATCH] uzo

---
 index.css  |  1 -
 index.html | 24 ++++++++++++++++++++----
 index.js   |  1 +
 3 files changed, 21 insertions(+), 5 deletions(-)

diff --git a/index.css b/index.css
index 5935e8f..597993c 100644
--- a/index.css
+++ b/index.css
@@ -71,7 +71,6 @@ main {
     font-weight: bold;
 }
 
-
 footer {
     text-align: center;
     padding: 1rem 0;
diff --git a/index.html b/index.html
index c3dbaf3..b24d2f3 100644
--- a/index.html
+++ b/index.html
@@ -14,20 +14,36 @@ <h1>🍝 Welcome to CodeCuisine 🥖</h1>
     <main>
         <section id="menu">
             <!-- Menu items will be dynamically generated here -->
+             <h2>Starters</h2>
+             <ul>
+                <li onclick="addToOrder('Garlic Bread', 30)">Garlic Bread</li>
+                <li onclick="addToOrder('Bruschetta', 30)">Bruschetta</li>
+             </ul>
+              
+             <h2>Main Courses</h2>
+             <ul>
+                <li onclick="addToOrder('Margherita Pizza', 80)">Margherita Pizza</li>
+                <li onclick="addToOrder('Spaghetti Carbonara', 90)">Spaghetti Carabona</li>
+             </ul>
+
+             <h2>Desserts</h2>
+             <ul>
+                <li onclick="addToOrder('Tiramisu', 40)">Tiramasu</li>
+                <li onclick="addToOrder('Cheesecake', 50)">Cheescake</li>
+             </ul>
+
         </section>
         <section id="order">
             <h2>Your Order</h2>
             <ul id="order-items">
                 <!-- Order items will be displayed here -->
             </ul>
-            <div id="order-total-wrap">
-                <span id="order-total">R0.00</span>
-            </div>
+            <p>Total: R<span id="order-total">0.00</span></p>
         </section>
     </main>
     <footer>
         <p>&copy; 2024 CodeCuisine. All rights reserved.</p>
     </footer>
-    <script src="index.js"></script>
+    <script src="./index.js"></script>
 </body>
 </html>
diff --git a/index.js b/index.js
index 9dc986d..26f2dce 100644
--- a/index.js
+++ b/index.js
@@ -5,6 +5,7 @@ const menu = {
     Desserts: ["Tiramisu", "Cheesecake"]
 };
 
+
 //function to display menu items by category
 function displayMenuItems(menu) {
     // Get the menu container element from the HTML