Создание cookie-предупреждения для сайта

<div class="cookie-block">
  Пока куки есть - меня не будет видно.

  <button class="ok">ok</button>
</div>
<script src="cookie.min.js"></script>
<script src="script.js"></script>

Копировать

.cookie-block {
  width: 300px;
  height: 50px;
  border: 3px solid red;
  display: none;
}

Копировать

const cookieEl = document.querySelector('.cookie-block');
const okEl = document.querySelector('.ok');

okEl.addEventListener('click', () => {
  cookieEl.style.display = 'none';
});

let cookies = () => {
  if (!Cookies.get('hide-cookie')) {
    setTimeout(() => {
      cookieEl.style.display = 'block';
    }, 1000);
  }

  Cookies.set('hide-cookie', 'true', {
    expires: 30
  });
}


cookies();

Копировать