скрыть div, используя javascript, хотя документы перезагружаются

Question

На самом деле, я работаю с ajax для отображения элементов c dynamici. Я настраиваю div по нажатию кнопки, используя javascript, этот div содержит элементы формы, после отправки формы мне нужно скрыть этот div, чтобы он больше не отображался в UI .

Проблема, с которой я сталкиваюсь, заключается в том, что как только я скрываю div, он работает нормально, но когда я перезагружаю страницу, div происходит снова.

Требуется создать div скрывается навсегда, как только я нажимаю на кнопку.

Answer 1

Вам нужно будет сохранить состояние div, скрытое внутри localStorage.

Пример:

const divHidden = localStorage.getItem('divHidden') === 'yes';

// if (!divHidden) show div

// Then when the div is being hidden:

localStorage.setItem('divHidden', 'yes');

Вы также можете прослушивать событие storage на window чтобы обновить любые другие вкладки вашего веб-приложения:

window.addEventListener('storage', () => {
  if (localStorage.getItem('divHidden') === 'yes') {
    // ...
  }
});