100-project-100-days-website/js/main.js

// Toggle Menu
function menuToggle(){
	const menuToggle = document.getElementById('menuToggle');
	const navigation = document.getElementById('navigation');
	menuToggle.classList.toggle('active');
	navigation.classList.toggle('active');
};

// Countdown Done !!
const body = document.body;
const endTime = new Date('2 21 2023 23:59:59');
const daysEl = document.getElementById('days');
const hoursEl = document.getElementById('hours');
const minutesEl = document.getElementById('minutes');
const secondsEl = document.getElementById('seconds');

setInterval(updateCountdown, 1000)

function updateCountdown() {
	const startTime = new Date();
	const diff = endTime - startTime;
	const days = Math.floor(diff / 1000 / 60 / 60 / 24);
	const hours = Math.floor(diff / 1000 / 60 / 60) % 24;
	const minutes = Math.floor(diff / 1000 / 60) % 60;
	const seconds = Math.floor(diff / 1000) % 60;
	daysEl.innerHTML = days;
	hoursEl.innerHTML = hours < 10 ? '0'+hours : hours;
	minutesEl.innerHTML = minutes < 10 ? '0'+minutes : minutes;
	secondsEl.innerHTML = seconds < 10 ? '0'+seconds : seconds;
};

// Time & Date (Footer)
setInterval(function(){
document.getElementById('date').innerHTML = Date();
},1000);

// Scroll To Top
let scrollTop = document.querySelector('.scrollTop');

window.onscroll = function (){
	this.scrollY >= 1000 ? scrollTop.classList.add('show') : scrollTop.classList.remove('show');
};
scrollTop.onclick = function(){
	window.scrollTo({
		top: 0,
		behavior:'smooth'
	});
};