куки в javascript

99
16 апреля 2022, 11:30

(function() {
  const wheel = document.querySelector('.wheel');
  const startButton = document.querySelector('.btn1');
  var deg = 0;
  const input = document.querySelector('#popup-callback-phone');
  const inputnames = document.querySelector('#consumers-feedback-names');
  startButton.addEventListener('click', () => {
    if (input.checkValidity() & inputnames.checkValidity()) {
      startButton.style.pointerEvents = 'none';
      deg = 1000 + Math.floor(Math.random() * 1000);
      if (deg >= 181 && deg <= 225) {
        deg = 229;
      }
      wheel.style.transition = 'all 10s ease-out';
      wheel.style.transform = `rotate(${deg}deg)`;
      wheel.classList.add('blur');
    };
  });

  wheel.addEventListener('transitionend', () => {
    wheel.classList.remove('blur');
    startButton.style.pointerEvents = 'auto';
    wheel.style.transition = 'none';
    var actualDeg = deg % 360;
    wheel.style.transform = `rotate(${actualDeg}deg)`;
    var gifts;
    if (actualDeg >= 0 && actualDeg <= 45) {
      gifts = '1';
    } else if (actualDeg >= 45 && actualDeg <= 90) {
      gifts = '2';
    } else if (actualDeg >= 90 && actualDeg <= 135) {
      gifts = '3';
    } else if (actualDeg >= 135 && actualDeg <= 180) {
      gifts = '4';
    } else if (actualDeg >= 181 && actualDeg <= 225) {
      gifts = '5';
    } else if (actualDeg >= 225 && actualDeg <= 270) {
      gifts = '6';
    } else if (actualDeg >= 270 && actualDeg <= 315) {
      gifts = '7';
    } else if (actualDeg >= 315 && actualDeg < 360) {
      gifts = '8';
    } else {
      alert('net podarka');
    }
    $.fancybox.open($("#popup-success8"));
    document.getElementById("gifts").innerHTML = gifts;
  });
})();
$.fancybox.open({
  src: "#popup-callbac",
  hash: "popup-callbac",
  afterClose: function afterClose() {
    $("#popup-calc-result .popup__in .main-calc-list").remove();
  }
});

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

READ ALSO
Технологии для интернет-магазина Vue

Технологии для интернет-магазина Vue

Подскажите, пожалуйста, хочу написать небольшой(300 единиц) интернет-магазин на Vuejs(Nuxt

94
Как написать функцию?

Как написать функцию?

Требуется выполнить задание:

177
Отправка в форме данных из редактора Quill

Отправка в форме данных из редактора Quill

Использую на одном из сайтов текстовый редактор Quill

103