Webproject/javaScript.js at master · wedidit02/Webproject · 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

// toggler for user profile
const userProfileMenu = document.querySelector("#profile-menu");
const userMenuPhone = document.querySelector("#menu-on-phone");
const hamburgerMenu = document.querySelector("#hamburger-menu");
const profileSettings = document.querySelector("#prof-settings");
const closeIcon = document.querySelector("#close-menu-icon");

// toggler for user profile on widescreen
userProfileMenu.addEventListener("click", () => {
  profileSettings.classList.toggle("toggle-user-menu")
});

// toggle for user on Phones
hamburgerMenu.addEventListener("click", () =>{
  menuToggler();
});
closeIcon.addEventListener("click", () =>{
  menuToggler();
});

// function for menu on mobile Phones
function menuToggler() {
  userMenuPhone.classList.toggle("toggle-user-menu");
  closeIcon.classList.toggle("close-icon-show")
  hamburgerMenu.classList.toggle("hamburger-hidden")
};

// // Cartigory menu
// const menu = document.querySelector('.cartigory-list-menu button');
// const cartigoryListWrapper = document.querySelector('.cartigory-list-wrapper');
// const home = document.querySelector('.home');
// const phone = document.querySelector('.phone');
// const computer = document.querySelector('.computer');
// const fashion = document.querySelector('.fashion');
// const accessorie = document.querySelector('.accessorie');
// const housing = document.querySelector('.housing');
// const game = document.querySelector('.game');
//
// //var for confirm password
// const password = document.querySelector('#password');
// const passwordconfirm = document.querySelector('#passwordconfirm');
// const signupButton = document.querySelector('.signup-button');


// home.addEventListener("click", () =>{
//     home.classList.toggle("list")
// });
// phone.addEventListener("click", () =>{
//     phone.classList.toggle("list")
// });
// computer.addEventListener("click", () =>{
//     computer.classList.toggle("list")
// });
// game.addEventListener("click", () =>{
//     game.classList.toggle("list")
// });
// accessorie.addEventListener("click", () =>{
//     accessorie.classList.toggle("list")
// });
// fashion.addEventListener("click", () =>{
//     fashion.classList.toggle("list")
// });
// housing.addEventListener("click", () =>{
//     housing.classList.toggle("list")
// });
// menu.addEventListener("click", () =>{
//     cartigoryListWrapper.classList.toggle("open");
// });
//
//
// // for the comfirm password
// signupButton.addEventListener("click", () =>{
//     if(password != passwordconfirm){
//         alert ("Password didn't match try again");
//         return false
//     }
//     else if(password == passwordconfirm){
//         return true
//     }
// });