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

Enhance cart functionality and layout; add item quantity input and update styles for better responsiveness

Browse Source
This commit is contained in:
vista-man
2025-02-18 09:22:29 +01:00
parent 1f418f9c85
commit ac41af07fd
4 changed files with 175 additions and 55 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
website/index.html
View File

@@ -1,5 +1,6 @@
<!DOCTYPE html>
<html lang="nl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -13,9 +14,8 @@
<body>
<!-- Linkerkant menu -->
<div class="menu-list">
<h2>Menu</h2>
<!-- Top bar menu -->
<div class="menu-bar">
<div class="menu-item" onclick="showCategory('Broodjes')">Broodjes</div>
<div class="menu-item" onclick="showCategory('Koude-Dranken')">Koude Dranken</div>
<div class="menu-item" onclick="showCategory('Warme-Dranken')">Warme Dranken</div>
@@ -40,6 +40,7 @@
<img id="modal-image" src="" alt="">
<p id="modal-description"></p>
<p id="modal-price"></p>
<input type="number" id="item-quantity" value="1" min="1" style="width: 50px; text-align: center;">
<button id="add-to-cart">Toevoegen aan winkelmandje</button>
</div>
</div>
@@ -61,12 +62,13 @@
</div>
<footer>
<p>&copy; 2025 Vista </p>
<center>
<p>&copy; 2025 Vista </p>
</center>
</footer>
</div>
<script src="script.js"></script>
<script src="Cart/cart.js"></script>
</body>
</html>
</html>