| document.addEventListener('DOMContentLoaded', () => { |
| |
| const darkModeToggle = document.getElementById('darkModeToggle'); |
| const html = document.documentElement; |
| |
| if (localStorage.getItem('darkMode') === 'true') { |
| html.classList.add('dark'); |
| darkModeToggle.checked = true; |
| } |
|
|
| darkModeToggle.addEventListener('change', () => { |
| if (darkModeToggle.checked) { |
| html.classList.add('dark'); |
| localStorage.setItem('darkMode', 'true'); |
| } else { |
| html.classList.remove('dark'); |
| localStorage.setItem('darkMode', 'false'); |
| } |
| }); |
|
|
| |
| document.querySelectorAll('a[href^="#"]').forEach(anchor => { |
| anchor.addEventListener('click', function (e) { |
| e.preventDefault(); |
| document.querySelector(this.getAttribute('href')).scrollIntoView({ |
| behavior: 'smooth' |
| }); |
| }); |
| }); |
| }); |