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

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

Browse Source
This commit is contained in:
vista-man
2025-02-12 09:35:53 +01:00
parent 11fd63e348 68ae3bc3d9
commit 7b71713e73
3 changed files with 22 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
website/index.html
View File

@@ -12,10 +12,17 @@
<!-- Linkerkant menu --> <!-- Linkerkant menu -->
<div class="menu-list"> <div class="menu-list">
<h2>Menu</h2> <h2>Menu</h2>
<div class="menu-item" onclick="showItemDetails('Broodjes')">Broodjes</div> <!-- Broodje Gezond -->
<div class="menu-item" onclick="showItemDetails('drinks')">Drinken</div> <div class="menu-item" onclick="showItemDetails('Broodjes')">Broodje Gezond</div>
<div class="menu-item" onclick="showItemDetails('Snacks')">snacks</div> <!-- Spa Water -->
<div class="menu-item" onclick="showItemDetails('deserts')">ijsjes</div> <div class="menu-item" onclick="showItemDetails('drinks')">Spa Water</div>
<!-- Frikandel -->
<div class="menu-item" onclick="showItemDetails('Snacks')">Frikandel</div>
<!-- Ijsjes -->
<div class="menu-item" onclick="showItemDetails('deserts')">Ijsjes</div>
<!-- Placeholder Items -->
<div class="menu-item" onclick="showItemDetails('Placeholder1')">Placeholder 1</div>
<div class="menu-item" onclick="showItemDetails('Placeholder2')">Placeholder 2</div>
</div> </div>
<div id="menu-detail" class="menu-detail"> <div id="menu-detail" class="menu-detail">

9
website/script.js
View File

@@ -21,8 +21,17 @@
title = "Ijsjes"; title = "Ijsjes";
imageSrc = "media/ijs.png"; imageSrc = "media/ijs.png";
description = "Een lekker ijsje met vele smaken, zoals aardbei, vannille, chocolade, mint, bosbes en nog veel meer (alleen in de zomer!)"; description = "Een lekker ijsje met vele smaken, zoals aardbei, vannille, chocolade, mint, bosbes en nog veel meer (alleen in de zomer!)";
} else if (item === 'Placeholder1') {
title = "Placeholder 1";
image = "";
description = "Beschrijving voor Placeholder 1.";
} else if (item === 'Placeholder2') {
title = "Placeholder 2";
image = "";
description = "Beschrijving voor Placeholder 2.";
} }
// Toon de details aan de rechterkant // Toon de details aan de rechterkant
document.getElementById("item-title").innerText = title; document.getElementById("item-title").innerText = title;
document.getElementById("item-image").src = imageSrc; document.getElementById("item-image").src = imageSrc;

1
website/style.css
View File

@@ -1,3 +1,4 @@
/* Algemeen stijlen */
body { body {
font-family: Arial, sans-serif; font-family: Arial, sans-serif;
margin: 0; margin: 0;