SUCCHI-DEVELOPMENT/index.js at main · GAMSH655/SUCCHI-DEVELOPMENT · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
//  const foodImg = document.querySelector("#img-1");
//  const foodText_1 = document.querySelector(".inner-text1");
//  const foodText_2 = document.querySelector(".inner-text2");
//  const btnLeft = document.querySelector("#rightbtn")
//  const foodHolder = document.querySelector(".food-box")
//  console.log(foodImg , foodText_1 , foodText_2 , foodHolder)

//  const foodArray =[
//     {
//         foodUrl : "./assests/_cc226cf5-2147-430e-b16c-84644636b1fe-removebg-preview 1.png",
//         foodName: "suschi combo",
//         foodName_2: "(82 dishes)",

//     },
//     {
//         foodUrl : "./assests/Sushi Salad -- 3.png",
//         foodName: "breakfast",
//         foodName_2: "(82 dishes)"
//     },
//     {
//         foodUrl : "./assests/Sushi Salad -- 2.png",
//         foodName: "lunch",
//         foodName_2: "(82 dishes)"
//     },
//     {
//         foodUrl : "./assests/Sushi Salad 1.png",
//         foodName: "dinner",
//         foodName_2: "(82 dishes)"
//     },
//     {
//         foodUrl : "./assests/Sushi Salad 1.png",
//         foodName: "dinner",
//         foodName_2: "(82 dishes)"
//     }
// ];

//  btnLeft.addEventListener("click" , function(){
//     const randomFoodArray = Math.floor ( Math.random()*foodArray.length);
//     foodImg.src = foodArray[randomFoodArray].foodUrl
//     foodText_1.textContent = foodArray[randomFoodArray].foodName
//     foodText_2.innerHtml = foodArray[randomFoodArray].foodName_2
//  });

 const cancelBtn = document.querySelector(".cancel-button");
 const menuBtn = document.querySelector (".menu-button");
 const navMobile = document.querySelector(".mobile-view-Nav")
  console.log(cancelBtn , navMobile, menuBtn)

  cancelBtn.addEventListener("click" , function (){
     navMobile.style.display = 'none'
     console.log('red')
  })

  menuBtn.addEventListener("click" , function (){
    navMobile.style.display = "block"
    console.log('red');
  })