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

ada

Browse Source
This commit is contained in:
cowboykipnugget
2025-02-12 09:35:04 +01:00
parent 3b13c7d32a
commit d32b362f1b
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";
image = "https://th.bing.com/th/id/R.5e81f369a0da6a92106391e7b0a5119b?rik=KD0kNGiRjGM22g&riu=http%3a%2f%2fwww.brookersicecream.com%2fwp-content%2fuploads%2f2018%2f09%2fIce-Cream-Fan.png&ehk=%2bfZOURa%2fKgmE4uuuESx9We3OBrwXpPaaMZpJaBJt4bo%3d&risl=&pid=ImgRaw&r=0"; image = "https://th.bing.com/th/id/R.5e81f369a0da6a92106391e7b0a5119b?rik=KD0kNGiRjGM22g&riu=http%3a%2f%2fwww.brookersicecream.com%2fwp-content%2fuploads%2f2018%2f09%2fIce-Cream-Fan.png&ehk=%2bfZOURa%2fKgmE4uuuESx9We3OBrwXpPaaMZpJaBJt4bo%3d&risl=&pid=ImgRaw&r=0";
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 = image; document.getElementById("item-image").src = image;

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;