alvin/Schoolkantine
1
0
Fork 0
mirror of https://github.com/Alvin-Zilverstand/Schoolkantine.git synced 2026-03-07 05:53:00 +01:00
Code Issues Packages Projects Releases Wiki Activity

sausies

Browse Source
This commit is contained in:
kitkatpotato16
2025-02-13 13:46:30 +01:00
parent 80defc1fb4
commit 30e429731d
2 changed files with 8 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
website/index.html
View File

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

8
website/script.js
View File

@@ -4,6 +4,7 @@ function showCategory(category) {
productDisplay.innerHTML = ''; // Maak het display leeg voordat we nieuwe items toevoegen productDisplay.innerHTML = ''; // Maak het display leeg voordat we nieuwe items toevoegen
let items = []; let items = [];
}
// Afhankelijk van de gekozen categorie, voeg je de juiste producten toe // Afhankelijk van de gekozen categorie, voeg je de juiste producten toe
if (category === 'Broodjes') { if (category === 'Broodjes') {
@@ -71,8 +72,13 @@ function showCategory(category) {
{ title: "Krokante Kip Salade", imageSrc: "media/krokante-kip.jpg", price: 3.00 }, { title: "Krokante Kip Salade", imageSrc: "media/krokante-kip.jpg", price: 3.00 },
{ title: "Aardappel Salade", imageSrc: "media/aardappel.jpg", price: 2.50 }, { 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 // Voeg de items toe aan de weergave
items.forEach(item => { items.forEach(item => {
const productBox = document.createElement('div'); const productBox = document.createElement('div');