-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathscript.js
More file actions
36 lines (31 loc) · 1.51 KB
/
Copy pathscript.js
File metadata and controls
36 lines (31 loc) · 1.51 KB
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
document.addEventListener('DOMContentLoaded', () => {
const themeToggle = document.querySelector('.theme-toggle');
const hamburgerMenu = document.querySelector('.hamburger-menu');
const navLinks = document.querySelector('.nav-links');
// Theme Toggle
themeToggle.addEventListener('click', () => {
document.body.classList.toggle('dark-theme');
// Optional: Save theme preference in localStorage
const currentTheme = document.body.classList.contains('dark-theme')
? 'dark'
: 'light';
localStorage.setItem('theme', currentTheme);
});
// Check for saved theme preference
const savedTheme = localStorage.getItem('theme');
if (savedTheme === 'dark') {
document.body.classList.add('dark-theme');
}
// Mobile Menu Toggle
hamburgerMenu.addEventListener('click', () => {
navLinks.classList.toggle('active');
hamburgerMenu.classList.toggle('active');
});
// Close mobile menu when a link is clicked
navLinks.querySelectorAll('a').forEach(link => {
link.addEventListener('click', () => {
navLinks.classList.remove('active');
hamburgerMenu.classList.remove('active');
});
});
});