Как скрыть периодически всплывающий элемент?

Question

Есть ссылка, которая должна быть скрыта, при этом, что бы была возможность её нажимать через кнопку.

При запуске приложения я её скрываю при помощи

document.querySelector(".test").classList.add('hidden');

Но когда она нажимается кнопкой, то снова сплывает, тут я использовал тоже самое

function ButtonClick(){
    document.querySelector(".test").click();
    document.querySelector(".test").classList.add('hidden');
}

Но при переходе из этой ссылки куда то в другой раздел, или например, кнопкой назад - она снова всплывает. В общем, полагаю, тут нужно что то делать через EventListener? Или нет? (Я пока что мало чего умею).

В общем, покажите пожалуйста, как.

Answer 1

Достаточно скрыть через CSS

// Это чисто для показа, что клик работае
document.querySelector(".test").addEventListener('click', function() {
    alert('Был клик!');
})

function ButtonClick(){
    document.querySelector(".test").click();    
}

ButtonClick();

.test {
    display: none;
}

<button class="test">ХЕ-ХЕ-ХЕ</button>

Answer 2

document.querySelector(".test").style.display="none";

БЛОГ НА HUSL

Как скрыть периодически всплывающий элемент?

Ответы (2 шт):