script.js

const nextYearContainer = document.querySelector('#year');
const daysContainer = document.querySelector('#days');
const hoursContainer = document.querySelector('#hours');
const minutesContainer = document.querySelector('#minutes');
const secondsContainer = document.querySelector('#seconds');

const date = new Date();
const currentYear = date.getFullYear();
const nextYear = currentYear + 1;

const newYearTime = new Date(`${nextYear}-01-01T00:00:00`);
nextYearContainer.textContent = nextYear;

function formatTimeValue(time) {
  return time < 10 ? '0' + time : time;
}

function insertCountdownValues({ days, hours, minutes, seconds }) {
  daysContainer.textContent = formatTimeValue(days);
  hoursContainer.textContent = formatTimeValue(hours);
  minutesContainer.textContent = formatTimeValue(minutes);
  secondsContainer.textContent = formatTimeValue(seconds);
}

function updateCountdown() {
  const currentTime = new Date();
  const difference = newYearTime - currentTime;

  const days = Math.floor(difference / 1000 / 60 / 60 / 24);
  const hours = Math.floor(difference / 1000 / 60 / 60) % 24;
  const minutes = Math.floor(difference / 1000 / 60) % 60;
  const seconds = Math.floor(difference / 1000) % 60;
  
  insertCountdownValues({ days, hours, minutes, seconds });
}

setInterval(() => updateCountdown(), 1000);
function showLoader() {
  const countdownContainer = document.querySelector('.container');
  const loader = document.querySelector('.loader');
  setTimeout(() => {
    countdownContainer.style.opacity = 1;
    loader.remove();
  }, 1000);
}

showLoader();