FIX

website/index.html

@@ -5,7 +5,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Het hoofdmenu van de Mees</title>
     <link rel="stylesheet" href="style.css">
-    <link rel="stylesheet" href="cart.css">
+    <link rel="stylesheet" href="Cart/cart.css">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
     <link rel="icon" href="media/favicon.ico" type="image/x-icon">
 </head>
@@ -66,7 +66,7 @@
 
 </div>
     <script src="script.js"></script>
-    <script src="cart.js"></script>
+    <script src="Cart/cart.js"></script>
 </body>
 </html>
 

website/script.js

@@ -4,7 +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') {
@@ -76,9 +76,8 @@ function showCategory(category) {
     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');
@@ -137,4 +136,3 @@ function getDescription(title) {
     }
     return "";
 }
-