Модальное отображение один раз за сеанс

Создал модальное окно cookie для файлов cookie, но я хочу сделать это возможным, когда пользователь закрывает всплывающее окно с файлами cookie, оно не будет показывать их, только если они удалят кеши из своего браузера. Сделал несколько попыток попробовать с помощью localStorage, но как новичок в JavaScript не имел успеха и искал кого-нибудь здесь, чтобы помочь мне в этом. p.s. Там было так много сообщений с просьбами о помощи, как сделать всплывающее окно только один раз, но все они были с jQuery, а я использую ванильный JavaScript.

let cokies = document.querySelector('.kokies');
let closeBtn = document.querySelector('.kokie-btn');

closeBtn.addEventListener('click', closeModal);

function closeModal () {
    document.querySelector('.kokies').style.display = 'none'; 
}
setTimeout( function() {
    document.querySelector('.kokies').style.display = 'block';
}, 4200);
body{
background: red;
.kokies{
  max-height: 130px;
  margin-top: 10px;
  background-color: coral;
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  display: none;
}
.info{
  background-color: #BAE107;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  text-align: left;
  padding-right: 270px;
  padding-bottom: 20px;
  font-family: 'Oswald', sans-serif;
  font-size: 26px;
  color: black;
}
.kokie-btn{
  display: flex;
  position: absolute;
  left: 70%;
  top: 28%;
  width: 76px;
  height: 39px;
  cursor: pointer;
  font-family: 'Poppins', sans-serif;
  font-weight: 750;
  background-color: #4CD398;
  font-size: 20px;
  transition: 0.3s;
  border: 1px solid black;
}
.kokie-btn:hover{
  background-color: #30B279;
}
   
         <div class = "kokies">
           <span class = "info">This website uses cookies to ensure you get the best experience on our website</span> 
           <button class = "kokie-btn" type = "button">Got it!</button>
         </div>

Вы можете использовать постоянный файл cookie, поскольку они уже сказали «ОК» для файлов cookie.

Dave S 22.02.2019 00:39

или, если подумать, файл cookie сеанса, если это общий компьютер. В любом случае setcookie ( has-seen-cookie-alert ), тогда нет необходимости в локальном хранилище.

Dave S 22.02.2019 01:31
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
2
110
0

Другие вопросы по теме