Уведомление об использовании файлов Cookies на сайте

Чтобы создать блок, который закрывается и показывается после обновления куки, вам нужно использовать JavaScript и HTML.

Ниже приведен пример кода, который демонстрирует, как это можно сделать:

HTML:

<div id="cookie-message">
  <p>Мы используем файлы cookie для улучшения пользовательского опыта нашего сайта. Нажмите "Закрыть", чтобы скрыть это сообщение.</p>
  <button id="close-cookie-message">Закрыть</button>
</div>

JavaScript:

function setCookie(name, value, days) {
  var expires = "";
  if (days) {
    var date = new Date();
    date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
    expires = "; expires=" + date.toUTCString();
  }
  document.cookie = name + "=" + (value || "")  + expires + "; path=/";
}

function getCookie(name) {
  var nameEQ = name + "=";
  var ca = document.cookie.split(';');
  for(var i=0;i < ca.length;i++) {
    var c = ca[i];
    while (c.charAt(0)==' ') c = c.substring(1,c.length);
    if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
  }
  return null;
}

var cookieMessage = document.getElementById("cookie-message");
var closeButton = document.getElementById("close-cookie-message");

if (getCookie("hideCookieMessage") === "true") {
  cookieMessage.style.display = "none";
}

closeButton.addEventListener("click", function() {
  setCookie("hideCookieMessage", "true", 365);
  cookieMessage.style.display = "none";
});

Код выше создает блок сообщения о файле cookie с кнопкой «Закрыть». Если пользователь закрывает сообщение, устанавливается куки с именем «hideCookieMessage», значение «true» и сроком действия в 365 дней. При обновлении страницы проверяется значение куки «hideCookieMessage». Если оно равно «true», блок сообщения скрывается.

Вы можете изменить HTML и CSS для стилизации блока сообщения в соответствии с вашими потребностями.