Сохранить опцию скрытия Div после refre sh страницы

Question

может кто-нибудь мне помочь. Я хочу окно с предупреждением вверху страницы. Когда я нажимаю на close, div закрывается, но после refre sh возвращается.

Как я могу это исправить?

Мой код: CSS

.alert {
  padding: 20px;
  background-color: #f44336;
  color: white;
}

.closebtn {
  margin-left: 15px;
  color: white;
  font-weight: bold;
  float: right;
  font-size: 22px;
  line-height: 20px;
  cursor: pointer;
  transition: 0.3s;
}

.closebtn:hover {
  color: black;
}

HTML

<div class="alert">
  <span class="closebtn" onclick="this.parentElement.style.display='none';">&times;</span> 
  <strong>Alert:</strong> Close this bar, after refresh page this bar is not visibile.
</div>

Также добавьте его:

https://jsfiddle.net/fegeeez/d9yLamcg/2/

Answer 1

Вам нужен способ сохранить состояние между двумя загрузками страниц. Когда пользователь закрывает хранилище предупреждений, эта информация хранится в файлах cookie или localStorage.

Дополнительная информация о

localStorage

cookie