From c708b24ffa44dd9b1e6afdc383f71674b8270a37 Mon Sep 17 00:00:00 2001 From: vista-man <524715@vistacollege.nl> Date: Tue, 11 Feb 2025 14:03:15 +0100 Subject: [PATCH] Move item details display function to script.js and clean up index.html --- website/index.html | 34 ++-------------------------------- website/script.js | 29 +++++++++++++++++++++++++++++ 2 files changed, 31 insertions(+), 32 deletions(-) diff --git a/website/index.html b/website/index.html index 216a379..744c90a 100644 --- a/website/index.html +++ b/website/index.html @@ -28,37 +28,7 @@ - - + + diff --git a/website/script.js b/website/script.js index e69de29..9bfdeac 100644 --- a/website/script.js +++ b/website/script.js @@ -0,0 +1,29 @@ + // Functie om de details van een geselecteerd item weer te geven + function showItemDetails(item) { + var title = ""; + var image = ""; + var description = ""; + + // Afhankelijk van het geselecteerde item, pas de details aan + if (item === 'Broodjes') { + title = "Broodje gezond"; + image = "https://thumbs.dreamstime.com/b/submarine-sandwich-ham-cheese-clipping-path-egg-tomato-cucumber-lettuce-white-48580716.jpg"; + description = "Broodje met ei en sla ectr."; + } else if (item === 'drinks') { + title = "Spa water"; + image = "https://m.media-amazon.com/images/I/71VrczELeaL._AC_SY741_.jpg"; + description = "Koude verfrissende watuuur ectr."; + } else if (item === 'Snacks') { + title = "Frikandel"; + image = "https://boshuis.huisjebezorgd.nl/wp-content/uploads/2020/03/29512948_652505005141152_1601506864166600704_o.jpg"; + description = "vlees etc."; + } + + // Toon de details aan de rechterkant + document.getElementById("item-title").innerText = title; + document.getElementById("item-image").src = image; + document.getElementById("item-description").innerText = description; + + // Zorg ervoor dat de detailsectie zichtbaar wordt + document.getElementById("menu-detail").style.display = "block"; + } \ No newline at end of file