Как скрыть сквозную ссылку после клика и не показывать до перезагрузки браузера?

Рейтинг: 0Ответов: 1Опубликовано: 24.04.2023

В общем есть ссылка в виде картинки, по клику на которую мы переходим на нужную страницу, ссылка должна скрываться и больше не показываться в текущей сессии.

<div class="help-your-dog">
    <a href="https://goodhands.vet/kak-podgotovit-sobaku-k-priemu-v-vetklinike/"
       class="help-your-dog__link help-your-dog__link--s" target="_blank">
        <img src="/upload/help_dog.png" alt="help-dog">
    </a>
</div>

Пробовал сделать через localStorage, но не совсем понимаю как привязать это к переходу по ссылке, застрял..

const dogClose = document.querySelector(".help-your-dog__close");
    function updateStorage() {
      dogBox.classList.add('hidden');
    }

    dogBox.onclick = () => {
      updateStorage();

      let dogBoxChecked = dogBox.classList.contains('hidden');

      localStorage.setItem('server', dogBoxChecked);

      if(localStorage.getItem("server") === 'true') {
        dogBox.classList.add('hidden');
      }
    }

    window.onstorage = () => {
      updateStorage();
    }

Ответы

▲ 0
  dogBox.onclick = () => {
    localStorage.setItem('server', true);
  }

  if(localStorage.getItem("server") === 'true') {
    dogBox.classList.add('hidden');
  }

Немного покопавшись нашел ответ