diff --git a/website/index.html b/website/index.html index 6c24724..c5a5cc6 100644 --- a/website/index.html +++ b/website/index.html @@ -24,6 +24,7 @@
+ diff --git a/website/script.js b/website/script.js index 4bbb5d5..7e18a4f 100644 --- a/website/script.js +++ b/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');