29 lines
950 B
JavaScript
29 lines
950 B
JavaScript
document.addEventListener('DOMContentLoaded', () => {
|
|
const navLinks = document.querySelectorAll('.nav-link');
|
|
const pages = document.querySelectorAll('.page');
|
|
|
|
navLinks.forEach(link => {
|
|
link.addEventListener('click', (e) => {
|
|
e.preventDefault();
|
|
const tab = link.getAttribute('data-tab');
|
|
|
|
navLinks.forEach(l => l.classList.remove('active'));
|
|
link.classList.add('active');
|
|
|
|
pages.forEach(p => p.classList.remove('active'));
|
|
document.getElementById(tab).classList.add('active');
|
|
});
|
|
});
|
|
|
|
// Dummy data for calendar
|
|
const calendar = document.getElementById('streak-calendar');
|
|
for (let i = 0; i < 35; i++) {
|
|
const day = document.createElement('div');
|
|
day.classList.add('calendar-day');
|
|
if (Math.random() > 0.7) {
|
|
day.classList.add('active');
|
|
}
|
|
calendar.appendChild(day);
|
|
}
|
|
});
|