Проблема - следующая:
У меня есть один div
во мне Index
который я хочу, чтобы он был одиноким, когда загружается страница впервые, сказанный Div
у него есть кнопка Вхождения, как только он входит в страницу, этот div
скрывается и появляется оставшаяся часть контента меня Index
. Проблема - что, если я иду в другую секцию страницы и хочу возвратиться в начало, Div
что был скрытым, вновь появляется и Я должен Входить снова в страницу.
Я использую событие onclick
в выражении div
.
<section>
<div id="enter">
<img class="onoOne" src="img/ono_white.svg" alt="">
<input type="button" value="Enter" id="btnEnter" onclick="hide()" >
</div>
</section>
<script>
const btnEnter = document.querySelector("#btnEnter");
function hide(){
btnEnter.style.display = "none";
}
</script>
То, что ты можешь делать, состоит в том, чтобы хранить переменную в localStorage
браузера, потом проверять, существует ли эта переменная.
Тестирует следующего cГіdigo:
const btnEnter = document.querySelector("#btnEnter");
if(localStorage.getItem("btn")){
btnEnter.style.display = "none";
}else{
function hide(){
localStorage.setItem("btn", true);
btnEnter.style.display = "none";
}
}
<section>
<div id="enter" style="padding-top: 200px">
<img class="onoOne" src="img/ono_white.svg" alt="">
<input type="button" value="Enter" id="btnEnter" onclick="hide()" >
</div>
</section>
Замечает: Stackoverflow не позволяет мне хранить данные в localStorage.
soluciГіn mГЎs fГЎcil в твою проблему он состоит в том, чтобы использовать sessionStorage . В puedes сохранять переменную например чтобы знать, показал ли этот человек его ему уже эта кнопка.
В ней funciГіn hide()
aГ±ade одна lГ-nea такой, что sessionStorage.visitado = "true"
(так в session как в локальном, одиноком сохраняют Strings). И потом в index сделай одну comprobaciГіn из, если эта переменная существует или нет if (sessionStorage.visitado === "true")
и красит div как следствие.
TambiГ©n podrГ-схвати делать это с куки-файлами , если ты хочешь бросить беглый взгляд.
Приветствие!