Merge branch 'main' of https://github.com/Alvin-Zilverstand/Schoolkantine

website/index.html

@@ -24,6 +24,7 @@
         <div class="menu-item" onclick="showCategory('Deals')">Deals</div>
         <div class="menu-item" onclick="showCategory('Soepen')">Soepen</div>
         <div class="menu-item" onclick="showCategory('Salades')">Salades</div>
+        <div class="menu-item" onclick="showCategory('Sausjes')">Sausjes</div>
     </div>
 
     <!-- Productweergave -->

website/script.js

@@ -4,6 +4,7 @@ function showCategory(category) {
     productDisplay.innerHTML = ''; // Maak het display leeg voordat we nieuwe items toevoegen
 
     let items = [];
+}
 
     // Afhankelijk van de gekozen categorie, voeg je de juiste producten toe
     if (category === 'Broodjes') {
@@ -71,8 +72,13 @@ function showCategory(category) {
             { title: "Krokante Kip Salade", imageSrc: "media/krokante-kip.jpg", price: 3.00 },
             { title: "Aardappel Salade", imageSrc: "media/aardappel.jpg", price: 2.50 },
         ];
-    }
+    } else if (category === 'Sausjes') {
+    items = [
+        { title: "Ketchup", imageSrc: "https://www.ahealthylife.nl/wp-content/uploads/2021/06/Ketchup_voedingswaarde.jpg", price: 0.25 },
+        { title: "Mayonaise", imageSrc: "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTC4FVmHO_hK3mw43z0fuHv1OFUr-hhsfGe1A&s", price: 0.25 }
 
+
+    ]
     // Voeg de items toe aan de weergave
     items.forEach(item => {
         const productBox = document.createElement('div');
@@ -126,6 +132,8 @@ function getDescription(title) {
         return "Soep van de dag! (Allergieën? Meld het bij ons!)";
     } else if (title === "Salades") {
         return "Een heerlijke salade met verse groenten en een dressing naar keuze.";
+    }   else if (title === "Sausjes") {
+        return "Kies de saus naar je keuze!";
     }
     return "";
 }