-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathapp.js
35 lines (25 loc) · 1.05 KB
/
app.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
25
26
27
28
29
30
31
32
33
34
// HEADER SECTION JS
let navbar = document.querySelector('.navbar'); // SECTION FOR NAV BAR
document.querySelector('#menu-btn').onclick = () => {
navbar.classList.toggle('active');
cartItem.classList.remove('active');
searchItem.classList.remove('active');
}
let cartItem = document.querySelector('.cart-items-container'); //SECTION FOR CART BAR
document.querySelector('#cart-btn').onclick = () => {
cartItem.classList.toggle('active');
navbar.classList.remove('active');
searchItem.classList.remove('active');
}
let searchItem = document.querySelector('.search-form'); // SECTION FOR SEARCH BAR
document.querySelector('#search-btn').onclick = () => {
searchItem.classList.toggle('active');
navbar.classList.remove('active');
cartItem.classList.remove('active');
}
window.onscroll = () => { //The scroll event fires when the document view or an element has been scrolled,
navbar.classList.remove('active');
cartItem.classList.remove('active');
searchItem.classList.remove('active');
}
// HEADER SECTION ENDS HERE