-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathmenu.js
24 lines (21 loc) · 8.34 KB
/
menu.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
const allmenu = document.querySelector(".allmenu");
const brownies = document.querySelector(".brownies");
const roti = document.querySelector(".roti");
const bolu = document.querySelector(".bolu");
const menulistisi = document.querySelector(".menulist-isi");
allmenu.addEventListener("click", () => {
menulistisi.innerHTML =
' <div class="menulist-isibox"> <img src="img/download2.jpg" alt="menu-list" /> <div class="menulist-isiboxtext"><h2>brownies cake</h2><p>brownies</p></div></div><div class="menulist-isibox"><img src="img/download2.jpg" alt="menu-list" /><div class="menulist-isiboxtext"><h2>brownies cake</h2><p>brownies</p></div></div><div class="menulist-isibox"><img src="img/download2.jpg" alt="menu-list" /><div class="menulist-isiboxtext"><h2>brownies cake</h2> <p>brownies</p></div></div><div class="menulist-isibox"><img src="img/download2.jpg" alt="menu-list" /><div class="menulist-isiboxtext"><h2>brownies cake</h2><p>brownies</p></div></div> <div class="menulist-isibox"><img src="img/download2.jpg" alt="menu-list" /><div class="menulist-isiboxtext"><h2>brownies cake</h2><p>brownies</p></div> </div><div class="menulist-isibox"><img src="img/download2.jpg" alt="menu-list" /> <div class="menulist-isiboxtext"><h2>brownies cake</h2><p>brownies</p> </div></div><div class="menulist-isibox"><img src="img/download2.jpg" alt="menu-list" /><div class="menulist-isiboxtext"><h2>brownies cake</h2><p>brownies</p></div></div><div class="menulist-isibox"> <img src="img/download2.jpg" alt="menu-list" /><div class="menulist-isiboxtext"> <h2>brownies cake</h2><p>brownies</p> </div></div><div class="menulist-isibox"><img src="img/download2.jpg" alt="menu-list" /> <div class="menulist-isiboxtext"><h2>brownies cake</h2><p>brownies</p></div></div><div class="menulist-isibox"> <img src="img/download2.jpg" alt="menu-list" /> <div class="menulist-isiboxtext"> <h2>brownies cake</h2> <p>brownies</p> </div> </div> <div class="menulist-isibox"> <img src="img/download2.jpg" alt="menu-list" /> <div class="menulist-isiboxtext"> <h2>brownies cake</h2> <p>brownies</p> </div> </div> <div class="menulist-isibox"><img src="img/download2.jpg" alt="menu-list" /><div class="menulist-isiboxtext"><h2>brownies cake</h2><p>brownies</p></div></div>';
});
brownies.addEventListener("click", () => {
menulistisi.innerHTML =
'<div class="menulist-isibox"><img src="img/download3.jpg" alt="menu-list" /><div class="menulist-isiboxtext"><h2>brownies cake</h2><p>brownies</p></div></div><div class="menulist-isibox"><img src="img/download3.jpg" alt="menu-list" /><div class="menulist-isiboxtext"> <h2>brownies cake</h2><p>brownies</p></div></div><div class="menulist-isibox"><img src="img/download3.jpg" alt="menu-list" /><div class="menulist-isiboxtext"><h2>brownies cake</h2><p>brownies</p></div></div><div class="menulist-isibox"><img src="img/download3.jpg" alt="menu-list" /><div class="menulist-isiboxtext"><h2>brownies cake</h2><p>brownies</p></div></div><div class="menulist-isibox"><img src="img/download3.jpg" alt="menu-list" /><div class="menulist-isiboxtext"><h2>brownies cake</h2><p>brownies</p></div></div><div class="menulist-isibox"><img src="img/download3.jpg" alt="menu-list" /><div class="menulist-isiboxtext"><h2>brownies cake</h2><p>brownies</p></div></div><div class="menulist-isibox"><img src="img/download3.jpg" alt="menu-list" /> <div class="menulist-isiboxtext"><h2>brownies cake</h2><p>brownies</p></div></div><div class="menulist-isibox"><img src="img/download3.jpg" alt="menu-list" /><div class="menulist-isiboxtext"><h2>brownies cake</h2><p>brownies</p></div></div><div class="menulist-isibox"><img src="img/download3.jpg" alt="menu-list" /><div class="menulist-isiboxtext"><h2>brownies cake</h2><p>brownies</p></div></div><div class="menulist-isibox"><img src="img/download3.jpg" alt="menu-list" /><div class="menulist-isiboxtext"><h2>brownies cake</h2><p>brownies</p></div></div><div class="menulist-isibox"><img src="img/download3.jpg" alt="menu-list" /><div class="menulist-isiboxtext"><h2>brownies cake</h2><p>brownies</p></div></div><div class="menulist-isibox"><img src="img/download3.jpg" alt="menu-list" /><div class="menulist-isiboxtext"><h2>brownies cake</h2><p>brownies</p></div></div>';
});
roti.addEventListener("click", () => {
menulistisi.innerHTML =
' <div class="menulist-isibox"> <img src="img/download4.jpg" alt="menu-list" /> <div class="menulist-isiboxtext"><h2>brownies cake</h2><p>brownies</p></div></div><div class="menulist-isibox"><img src="img/download2.jpg" alt="menu-list" /><div class="menulist-isiboxtext"><h2>brownies cake</h2><p>brownies</p></div></div><div class="menulist-isibox"><img src="img/download2.jpg" alt="menu-list" /><div class="menulist-isiboxtext"><h2>brownies cake</h2> <p>brownies</p></div></div><div class="menulist-isibox"><img src="img/download2.jpg" alt="menu-list" /><div class="menulist-isiboxtext"><h2>brownies cake</h2><p>brownies</p></div></div> <div class="menulist-isibox"><img src="img/download2.jpg" alt="menu-list" /><div class="menulist-isiboxtext"><h2>brownies cake</h2><p>brownies</p></div> </div><div class="menulist-isibox"><img src="img/download2.jpg" alt="menu-list" /> <div class="menulist-isiboxtext"><h2>brownies cake</h2><p>brownies</p> </div></div><div class="menulist-isibox"><img src="img/download2.jpg" alt="menu-list" /><div class="menulist-isiboxtext"><h2>brownies cake</h2><p>brownies</p></div></div><div class="menulist-isibox"> <img src="img/download2.jpg" alt="menu-list" /><div class="menulist-isiboxtext"> <h2>brownies cake</h2><p>brownies</p> </div></div><div class="menulist-isibox"><img src="img/download2.jpg" alt="menu-list" /> <div class="menulist-isiboxtext"><h2>brownies cake</h2><p>brownies</p></div></div><div class="menulist-isibox"> <img src="img/download2.jpg" alt="menu-list" /> <div class="menulist-isiboxtext"> <h2>brownies cake</h2> <p>brownies</p> </div> </div> <div class="menulist-isibox"> <img src="img/download2.jpg" alt="menu-list" /> <div class="menulist-isiboxtext"> <h2>brownies cake</h2> <p>brownies</p> </div> </div> <div class="menulist-isibox"><img src="img/download2.jpg" alt="menu-list" /><div class="menulist-isiboxtext"><h2>brownies cake</h2><p>brownies</p></div></div>';
});
bolu.addEventListener("click", () => {
menulistisi.innerHTML =
' <div class="menulist-isibox"> <img src="img/download4.jpg" alt="menu-list" /> <div class="menulist-isiboxtext"><h2>brownies cake</h2><p>brownies</p></div></div><div class="menulist-isibox"><img src="img/download4.jpg" alt="menu-list" /><div class="menulist-isiboxtext"><h2>brownies cake</h2><p>brownies</p></div></div><div class="menulist-isibox"><img src="img/download2.jpg" alt="menu-list" /><div class="menulist-isiboxtext"><h2>brownies cake</h2> <p>brownies</p></div></div><div class="menulist-isibox"><img src="img/download2.jpg" alt="menu-list" /><div class="menulist-isiboxtext"><h2>brownies cake</h2><p>brownies</p></div></div> <div class="menulist-isibox"><img src="img/download2.jpg" alt="menu-list" /><div class="menulist-isiboxtext"><h2>brownies cake</h2><p>brownies</p></div> </div><div class="menulist-isibox"><img src="img/download2.jpg" alt="menu-list" /> <div class="menulist-isiboxtext"><h2>brownies cake</h2><p>brownies</p> </div></div><div class="menulist-isibox"><img src="img/download2.jpg" alt="menu-list" /><div class="menulist-isiboxtext"><h2>brownies cake</h2><p>brownies</p></div></div><div class="menulist-isibox"> <img src="img/download2.jpg" alt="menu-list" /><div class="menulist-isiboxtext"> <h2>brownies cake</h2><p>brownies</p> </div></div><div class="menulist-isibox"><img src="img/download2.jpg" alt="menu-list" /> <div class="menulist-isiboxtext"><h2>brownies cake</h2><p>brownies</p></div></div><div class="menulist-isibox"> <img src="img/download2.jpg" alt="menu-list" /> <div class="menulist-isiboxtext"> <h2>brownies cake</h2> <p>brownies</p> </div> </div> <div class="menulist-isibox"> <img src="img/download2.jpg" alt="menu-list" /> <div class="menulist-isiboxtext"> <h2>brownies cake</h2> <p>brownies</p> </div> </div> <div class="menulist-isibox"><img src="img/download2.jpg" alt="menu-list" /><div class="menulist-isiboxtext"><h2>brownies cake</h2><p>brownies</p></div></div>';
});