projectify/script.js at main · saipavani11/projectify · 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
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
//for appetizers
let Vegs = document.getElementById("vegs");
let nonVegs = document.getElementById("non-vegs");
// nonVegs.style.display = "none";
nonVegs.classList.add("hidden");
// console.log(nonVegs.classList);
function displayVegs(event) {
  var text = event.innerText || event.textContent;
  if (text == "Go To Non-Veg") {
    // Vegs.style.display = "none";
    // console.log("high");
    Vegs.classList.add("hidden");
    nonVegs.classList.remove("hidden");
    // nonVegs.style.display = "flex";
    event.innerHTML = "Go To Veg";
  } else {
    Vegs.classList.remove("hidden");
    nonVegs.classList.add("hidden");
    // Vegs.style.display = "flex";
    // nonVegs.style.display = "none";
    event.innerHTML = "Go To Non-Veg";
  }
}

//for maincourse

let Veg = document.getElementById("veg");
let nonVeg = document.getElementById("non-veg");
// nonVeg.style.display = "none";

nonVeg.classList.add("hidden")

function displayVeg(event) {
  var text = event.innerText || event.textContent;
  if (text == "Go To Non-Veg") {
    // Veg.style.display = "none";
    // nonVeg.style.display = "flex";
    Veg.classList.add("hidden");
    nonVeg.classList.remove("hidden");
    event.innerHTML = "Go To Veg";
  } else {
    // Veg.style.display = "flex";
    // nonVeg.style.display = "none";
    Veg.classList.remove("hidden");
    nonVeg.classList.add("hidden");
    event.innerHTML = "Go To Non-Veg";
  }
}

let menulist = document.querySelector(".menuList");
let menuicon = document.getElementById("menu-icon");
let dropdown = document.querySelector(".dropdown");

menulist.onclick = function () {
  dropdown.classList.toggle("open");
  const isOpen = dropdown.classList.contains("open");
};

let searchi = document.getElementById("iconsearch");
let input = document.querySelector(".tabsearch");
input.classList.remove("open");

searchi.addEventListener('click', () => {
    if(input.classList.contains("open")){
        input.classList.remove("open");
        // searchi.innerHTML = "<i class="material-icons md-12">cancel</i>";
        console.log('print')
    }
    else{
        input.classList.add("open")
        // searchi.innerHTML = "<i class="material-icons md-12">cancel</i>";
    }
});

//responsive cart

// let cart = document.getElementById("Cart");

// cart.addEventListener('click',() => {
//     window.open('cart.html','_blank')
// })

// let logo = document.getElementById("goHome");

// logo.addEventListener('click',() => {
//     window.open('index.html','_blank');
// });

let notif = document.getElementById("notification");
let tocart = document.getElementById("addToCart");

notif.style.display = "none";

tocart.addEventListener('click',() => {
    console.log('print')
})


// let sections = document.querySelectorAll('section');
// let navlinks = document.querySelectorAll('header nav div ul li a');

// window.onscroll = () => {
//     sections.forEach(sec => {
//         let top = window.scrollY;
//         let offset = sec.offsetTop;
//         let height = sec.offsetHeight;
//         let id = sec.getAttribute('id');

//         if(top >= offset && top < offset+height){
//             navlinks.forEach(links => {
//                 links.classlist.remove('active');
//                 document.querySelector('header nav ul li a [href*=' + id + ']').classList.add('active');
//             })
//         }
//     })
// }