Как скрыть сквозную ссылку после клика и не показывать до перезагрузки браузера?
В общем есть ссылка в виде картинки, по клику на которую мы переходим на нужную страницу, ссылка должна скрываться и больше не показываться в текущей сессии.
<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();
}
Источник: Stack Overflow на русском