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

Refactor shopping cart functionality and update UI elements

Browse Source
This commit is contained in:
vista-man
2025-02-19 10:23:07 +01:00
parent 8087679167
commit a118fc1158
5 changed files with 132 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
website/script.js
View File

@@ -97,6 +97,16 @@ function showCategory(category) {
productDisplay.appendChild(productBox);
});
// Transition the menu bar to the top
document.querySelector('.menu-bar').classList.add('top');
// Show the shopping cart and cart icon
document.getElementById('cart').classList.add('visible');
document.querySelector('.cart-icon').classList.add('visible');
// Hide the logo
document.querySelector('.logo').classList.add('hidden');
}
// Functie om de details van een item weer te geven in het modaal
@@ -112,8 +122,7 @@ function showItemDetails(item) {
document.getElementById("modal-description").innerText = description;
document.getElementById("modal-price").innerText = `Prijs: €${price.toFixed(2)}`;
document.getElementById("add-to-cart").onclick = function() {
const quantity = parseInt(document.getElementById("item-quantity").value);
addToCart({ title, price, quantity });
addToCart({ title, price });
};
document.getElementById('modal').style.display = 'block';
@@ -160,9 +169,7 @@ function getDescription(title) {
// Functie om een item aan het winkelwagentje toe te voegen
function addToCart(item) {
const cart = JSON.parse(localStorage.getItem('cart')) || [];
for (let i = 0; i < item.quantity; i++) {
cart.push(item);
}
cart.push(item); // Add item to the cart array
localStorage.setItem('cart', JSON.stringify(cart));
updateCart();
}