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

overige

Browse Source
This commit is contained in:
kitkatpotato16
2025-02-21 09:57:55 +01:00
parent ae743e89d1
commit bf8d7072ec
2 changed files with 8 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
website/index.html
View File

@@ -29,6 +29,7 @@
<div class="menu-item" onclick="showCategory('Sausjes')" data-translate="Sausjes">Sausjes</div> <div class="menu-item" onclick="showCategory('Sausjes')" data-translate="Sausjes">Sausjes</div>
<div class="menu-item" onclick="showCategory('Yoghert')" data-translate="Yoghert">Yoghert</div> <div class="menu-item" onclick="showCategory('Yoghert')" data-translate="Yoghert">Yoghert</div>
<div class="menu-item" onclick="showCategory('Snoep')" data-translate="Snoep">Snoep</div> <div class="menu-item" onclick="showCategory('Snoep')" data-translate="Snoep">Snoep</div>
<div class="menu-item" onclick="showCategory('Overige')" data-translate="other">Overige</div>
</div> </div>
<!-- Productweergave --> <!-- Productweergave -->

9
website/script.js
View File

@@ -4,7 +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') {
items = [ items = [
@@ -94,7 +94,12 @@ function showCategory(category) {
{ title: "Haribo Bananen", imageSrc: "media/bananas.png", price: 2.50 }, { title: "Haribo Bananen", imageSrc: "media/bananas.png", price: 2.50 },
{ title: "Haribo Goudberen", imageSrc: "media/Goudberen.png", price: 2.50 }, { title: "Haribo Goudberen", imageSrc: "media/Goudberen.png", price: 2.50 },
]; ];
} } else if (category === 'Overige') {
items = [
{ title: "Bestek", imageSrc: "https://www.kerst-feestwinkel.nl/img/large/zwart-plastic-verjaardag-bbq-bestek-24-delig/10038/913-1.jpg", price: 0.40},
{ title: "Hervul baar bekers", imageSrc:"https://th.bing.com/th/id/OIP.7V3t9HqIG_ss_IfEn6vgIwHaFl?w=238&h=180&c=7&pcl=1b1a19&r=0&o=5&pid=1.7", price: 1.00},
{ title: "Rietjes", imageSrc: "https://th.bing.com/th/id/OIP.hiraJOON9-g_L44k0RRJ2QHaHa?w=186&h=190&c=7&pcl=1b1a19&r=0&o=5&pid=1.7", price: 0.15},
];
// 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');