100-project-100-days-website/js/main.js
2023-02-22 13:56:30 +03:00
Ask

49 lines
1.6 KiB
JavaScript

{fad0d2782e3c34c379828ee87f53d8e1eb0f4c12 true 1592 main.js 0xc001e3efc0}

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