100-project-100-days-website/js/main.js
2023-02-15 11:12:56 +03:00
Ask

49 lines
1.5 KiB
JavaScript

{a1a9f22262a627b77faeb598b125d4556bc6f04b true 1535 main.js 0xc001f11490}

// 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'
});
};