Как сделать так, чтобы когда пользователь выбирал из списка элемент, то выполнялся определенный код отсчета от каждого события

Например: Человек выбирает из выпадающего списка "Новый год", тогда появляется таймер сколько остается до этого события.


<div class="timer" id="timer">
  <div class="timer__items">
    <div class="timer__item timer__days">00</div>
    <div class="timer__item timer__hours">00</div>
    <div class="timer__item timer__minutes">00</div>
    <div class="timer__item timer__seconds">00</div>
  </div>
</div>

<script>
  document.addEventListener('DOMContentLoaded', function() {
    // конечная дата
    const deadline = new Date(2022, 05, 01); //нужно писать на один месяц меньше
    // id таймера
    let timerId = null;
    // склонение числительных
    function declensionNum(num, words) {
      return words[(num % 100 > 4 && num % 100 < 20) ? 2 : [2, 0, 1, 1, 1, 2][(num % 10 < 5) ? num % 10 : 5]];
    }
    // вычисляем разницу дат и устанавливаем оставшееся времени в качестве содержимого элементов
    function countdownTimer() {
      const diff = deadline - new Date();
      if (diff <= 0) {
        clearInterval(timerId);
      }
      const days = diff > 0 ? Math.floor(diff / 1000 / 60 / 60 / 24) : 0;
      const hours = diff > 0 ? Math.floor(diff / 1000 / 60 / 60) % 24 : 0;
      const minutes = diff > 0 ? Math.floor(diff / 1000 / 60) % 60 : 0;
      const seconds = diff > 0 ? Math.floor(diff / 1000) % 60 : 0;
      $days.textContent = days < 10 ? '0' + days : days;
      $hours.textContent = hours < 10 ? '0' + hours : hours;
      $minutes.textContent = minutes < 10 ? '0' + minutes : minutes;
      $seconds.textContent = seconds < 10 ? '0' + seconds : seconds;
      $days.dataset.title = declensionNum(days, ['день', 'дня', 'дней']);
      $hours.dataset.title = declensionNum(hours, ['час', 'часа', 'часов']);
      $minutes.dataset.title = declensionNum(minutes, ['минута', 'минуты', 'минут']);
      $seconds.dataset.title = declensionNum(seconds, ['секунда', 'секунды', 'секунд']);
    }
    // получаем элементы, содержащие компоненты даты
    const $days = document.querySelector('.timer__days');
    const $hours = document.querySelector('.timer__hours');
    const $minutes = document.querySelector('.timer__minutes');
    const $seconds = document.querySelector('.timer__seconds');
    // вызываем функцию countdownTimer
    countdownTimer();
    // вызываем функцию countdownTimer каждую секунду
    timerId = setInterval(countdownTimer, 1000);
  });
</script>



<select name="cities" id="select">
  <option value="Summer">Лето</option>
  <option value="Spring">8 марта</option>
  <option value="Autumn">1 сентября</option>
</select>

<button id="btn">Подсчитать</button>


<script>
  const cities = document.getElementById('select');
  const btn = document.getElementById('btn');


  btn.onclick = event => {
    let checkedCityText = cities.options[cities.selectedIndex].text;
    if (checkedCityText == 'Лето') {
      alert('Лето')
    }
    if (checkedCityText == '8 марта') {
      alert('8 марта')
    }
    if (checkedCityText == '1 сентября') {
      alert('1 сентября:')
    }
  }
</script>


Ответы (0 шт):