-
Notifications
You must be signed in to change notification settings - Fork 0
/
script.js
37 lines (30 loc) · 1.08 KB
/
script.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
35
36
37
// Add this JavaScript code to toggle the mega menu and apply the body class
const menuButton = document.getElementById("menuButton");
const megaMenu = document.getElementById("megaMenu");
const body = document.body;
menuButton.addEventListener("click", () => {
megaMenu.classList.toggle("active");
body.classList.toggle("mega-menu-active");
if (megaMenu.classList.contains("active")) {
menuButton.innerHTML = '<span class="menu-icon">✖</span> Lukk';
} else {
menuButton.innerHTML = '<span class="menu-icon">☰</span> Meny';
}
});
const rectangles = document.querySelectorAll('.rectangle');
const dots = document.querySelectorAll('.dot');
dots.forEach((dot, index) => {
dot.addEventListener('click', () => {
rectangles.forEach((rectangle, rectangleIndex) => {
if (index === rectangleIndex) {
rectangle.classList.add('active');
} else {
rectangle.classList.remove('active');
}
});
dots.forEach((dot) => {
dot.classList.remove('active-dot');
});
dot.classList.add('active-dot');
});
});