Имеется следующий код всплывающего окна:
<style>
.alert { box-shadow : 0 0 15px #c6e3f1; background-color:#fff; border-radius: 6px; -moz-
border-radius: 6px; border: 2px #b5cad2 solid; }
.alert.success { background-color: #4CAF50; }
.alert.info { background-color: #2196F3; }
.alert.warning {background-color: #ff9800; }
.closebtn { margin-left: 15px; color: black; font-weight: bold; float: right; font-size: 22px;
line-height: 20px; cursor: pointer; transition: 0.3s; }
</style>
<div align = "center">
<div class="alert"><span class="closebtn">×<br>
Информация:<br>
Текст...
</div></div>
<script>
var close = document.getElementsByClassName("closebtn"); var i;
for (i = 0; i < close.length; i++) { close[i].onclick = function() { var div =
this.parentElement; div.style.opacity = "0"; setTimeout(function(){ div.style.display =
"none"; }, 600); } }
</script>
Код работает, при нажатии на крестик окно закрывается, но при обновлении страницы всплывающее окно вновь появляется. Как сделать чтобы при нажатии на крестик один раз окно больше не появлялось, то есть оно отображалось на странице до тех пор пока не будет один раз нажати крестик чтобы его закрыть. Спасибо большое за помощь!