Способствовать тому, чтобы элемент появился только однажды

Проблема - следующая:

У меня есть один 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>
0
задан 21.03.2019, 16:28
2 ответа

То, что ты можешь делать, состоит в том, чтобы хранить переменную в 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.

1
ответ дан 02.12.2019, 05:18
  • 1
    Большое спасибо, оно я функционировало верно. – Caro Marín 22.03.2019, 02:28
  • 2
    Что хороший, привет. – Marz 22.03.2019, 16:02

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Г-схвати делать это с куки-файлами , если ты хочешь бросить беглый взгляд.

Приветствие!

1
ответ дан 02.12.2019, 05:18
  • 1
    Большое спасибо! Оно я функционировало использовать sessionStorage. – Caro Marín 22.03.2019, 02:24