2

Есть блок X

Мне нужно чтоб при нажатии на close блок удалялся и не показывался во время всей сессии пользователя

Как это сделать?

1

2 ответа 2

5

Для этого есть sessionStorage

Положить информацию в сессионное хранилище

sessionStorage.setItem('closed', true);

Получить информацию из сессионного хранилища

let isClosed = sessionStorage.getItem('closed');

Код из примера в сниппете не работает, т.к. тут на stackoverflow в сниппетах не работает localstorage sessionstorage итд

const area = document.getElementById('area');

if (sessionStorage.getItem('hide_info')) {
  area.style.display = "none";
} else {
  document.getElementById('close').addEventListener('click', () => {
    area.style.display = "none";
    sessionStorage.setItem('hide_info', "true");
  });
}
<div id="area">
  example
  <button id="close">x</button>
</div>

0

HTML

<div id="info" class="block">
  <button id="close">Close block</button>
</div>

CSS

.block {
   display: none;
}
.block-active {
  display: block;
}

JS

const block = document.getElementById('info');
const closeBtn = document.getElementById('close');

closeBtn.addEventListener('click', () => {
  block.classList.add('block-active'); // это покажет блок
});

closeBtn.addEventListener('click', () => {
  block.classList.remove('block-active'); // это скроет блок
});

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.