+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/interactive-restaurant-menu.png b/interactive-restaurant-menu.png
new file mode 100644
index 0000000..c79d94f
Binary files /dev/null and b/interactive-restaurant-menu.png differ
diff --git a/script.js b/script.js
new file mode 100644
index 0000000..ae80a12
--- /dev/null
+++ b/script.js
@@ -0,0 +1,192 @@
+const buttons = document.querySelectorAll(".menu-btn");
+const menuTitle = document.querySelector("#menu-title");
+const menuDisplay = document.querySelector("#menu-display");
+
+const menuData = {
+ breakfast: [
+ {
+ name: "Krusty Krab Omelette",
+ description: "A fluffy three-egg omelet stuffed with cheese, sausage, and seaweed-style spinach, served with coral hash browns.",
+ price: "$8",
+ image: "images/breakfast-omelette.jpeg"
+ },
+ {
+ name: "Squidward's Canned Bread",
+ description: "Canned bread served with a side of disappointment",
+ price: "$7",
+ image: "images/breakfast-canned-bread.webp"
+ },
+ {
+ name: "Bikini Bottom Breakfast Burrito",
+ description: "Scrambled eggs, crispy bacon, cheese, and potatoes wrapped in a warm tortilla with sandy salsa.",
+ price: "$6",
+ image: "images/breakfast-burrito.webp"
+ }
+ ],
+ lunch: [
+ {
+ name: "Krabby Patty",
+ description: "THE burger. Secret sauce, lettuce, cheese, tomato, onion on a sesame bun",
+ price: "$12",
+ image: "images/lunch-krabby-patty.webp"
+ },
+ {
+ name: "Sandy's Texas Pulled Pork",
+ description: "Slow-smoked pulled pork sandwich with coleslaw on a brioche bun",
+ price: "$11",
+ image: "images/lunch-pulled-pork.jpeg"
+ },
+ {
+ name: "Jellyfish Fields Salad",
+ description: "Mixed greens, pickled beets, goat cheese & honey-lemon dressing. Stings in a good way!",
+ price: "$7",
+ image: "images/lunch-salad.webp"
+ }
+ ],
+ brunch: [
+ {
+ name: "SpongeBob's Pineapple French Toast",
+ description: "Thick-cut French toast topped with caramelized pineapple and powdered sugar.",
+ price: "$14",
+ image: "images/brunch-french-toast.jpeg"
+ },
+ {
+ name: "Patrick's Starfish Waffles",
+ description: "Crispy waffles shaped like starfish, served with strawberry syrup and whipped cream.",
+ price: "$10",
+ image: "images/brunch-waffles.jpg"
+ },
+ {
+ name: "Coral Bits",
+ description: "Crispy fried coral bits served with a tangy dipping sauce.",
+ price: "$9",
+ image: "images/brunch-coral-bits.webp"
+ }
+ ],
+ dinner: [
+ {
+ name: "Krabby Pâté",
+ description: "Ground Krabby Patties minced into a spreadable paste, with jewelry added to make the food appear fancier.",
+ price: "$18",
+ image: "images/dinner-krabby-pate.webp"
+ },
+ {
+ name: "Spongebob's Sea Salt Pasta",
+ description: "Creamy Alfredo pasta with grilled chicken and garlic bread.",
+ price: "$19",
+ image: "images/dinner-pasta.webp"
+ },
+ {
+ name: "Krusty Krab Pizza",
+ description: "A delicious pizza with a krabby patty topping, served with a side of coral ranch dressing.",
+ price: "$15",
+ image: "images/dinner-krusty-krab-pizza.webp"
+ }
+ ],
+ dessert: [
+ {
+ name: "Triple Gooberry Surprise",
+ description: "A massive mountain of ice cream, syrup, whipped cream, and gooberries.",
+ price: "$7",
+ image: "images/dessert-gooberry.jpg"
+ },
+ {
+ name: "Fruitcake",
+ description: "A classic fruitcake packed with dried fruits and nuts.",
+ price: "$6",
+ image: "images/dessert-fruitcake.webp"
+ },
+ {
+ name: "Sponge Cake",
+ description: "A moist and spongy cake made with secret ingredients from the Krusty Krab.",
+ price: "$5",
+ image: "images/dessert-sponge-cake.webp"
+ }
+ ],
+ happyHour: [
+ {
+ name: "Kelp Cheese",
+ description: "A creamy cheese made from fermented kelp, served with crackers.",
+ price: "$6",
+ image: "images/happyhour-kelp-cheese.webp"
+ },
+ {
+ name: "Kelp Fries",
+ description: "Crispy kelp fries with a side of spicy coral sauce.",
+ price: "$7",
+ image: "images/happyhour-kelp-fries.webp"
+ },
+ {
+ name: "Blood Sausages",
+ description: "Juicy sausages made from the blood of sea creatures, served with a side of seaweed salad.",
+ price: "$6",
+ image: "images/happyhour-blood-sausages.webp"
+ }
+ ],
+ drinks: [
+ {
+ name: "Goofy Goober Milkshake",
+ description: "Vanilla milkshake topped with whipped cream and sprinkles.",
+ price: "$4",
+ image: "images/drinks-milkshake.webp"
+ },
+ {
+ name: "Kelp Shake",
+ description: "A refreshing blend of kelp and sea minerals, served chilled.",
+ price: "$5",
+ image: "images/drinks-kelp-shake.jpeg"
+ },
+ {
+ name: "Diet Dr. Kelp",
+ description: "A refreshing sugar-free sea soda with a crisp and bubbly finish.",
+ price: "$6",
+ image: "images/drinks-diet-dr-kelp.webp"
+ }
+ ]
+};
+
+function displayMenu(category) {
+ menuDisplay.innerHTML = "";
+
+ const categoryTitles = {
+ breakfast: "Breakfast Menu",
+ lunch: "Lunch Menu",
+ brunch: "Brunch Menu",
+ dinner: "Dinner Menu",
+ dessert: "Dessert Menu",
+ happyHour: "Happy Hour Menu",
+ drinks: "Drinks Menu"
+ };
+
+ menuTitle.textContent = categoryTitles[category];
+
+ menuData[category].forEach(item => {
+ const menuItem = document.createElement("div");
+ menuItem.classList.add("menu-item");
+
+ menuItem.innerHTML = `
+
+