javascript - sessonStorage更新スプラッシュスクリーン

Question

スプラッシュスクリーンを作っています。矢印 (クラス.fa-nagle-up) をクリックすると、スプラッシュスクリーンが消えます。しかし、ページを更新すると、スプラッシュスクリーンが消えますdisplay:none。

CSS

.splashscreen{
    position: absolute;
    width:100%;
    height:100%;
    overflow:hidden;
    z-index:100000;
    display: flex;
    flex-direction: column;
    display: none;
}

JS

if (sessionStorage.getItem('splash') !== 'true') {
    $('.splashscreen').show();
    sessionStorage.setItem('splash','true');
} 
    
$('.splashscreen .top .fa-angle-up').on('click',function(){
    $('.splashscreen').hide();
});

リフレッシュ後にスプラッシュスクリーンが消えないようにする方法は?

Answer 1

コメントできませんでしたが、これにより、更新後もスプラッシュスクリーンが保持されるはずですが、sessionStorage が設定されると、スプラッシュスクリーンは表示されません。

var splash = sessionStorage.getItem('splash');

init();

function init() {
 if (splash !== 'true') {
    $('.splashscreen').show();
    sessionStorage.setItem('splash','true');
 }
 else {
   $('.splashscreen .top .fa-angle-up').on('click',function(){
      $('.splashscreen').hide();
   });
 }
}