セッション全体のボタンを閉じるdivを作る

Question

ブラウザウィンドウが横長モードになっているときにメッセージを表示するコードがあります。これはうまくいきますが、ユーザーはボタンでメッセージを閉じることができるようになり、ユーザーはセッション全体でこれを一度だけ行う必要があります。私はこれのためにsessionStorageが必要だと思いますが、私はこのコードをどのように組み合わせて既存のコードを作成するのか分かりません。どんな助けでも大歓迎です。

AN EXAMPLE HERE

 Please open in "full page" mode and scale your window to a portrait size to see the message appear. 
    <br> 
    <br> 
    <div id="warning-message"> 
     <button type="button" id="landscape-button">X</button> 
     <p><span id="headertext">please rotate your screen</span> 
      <br> 
      <br>This website is best viewed in landscape mode. So please, rotate your mobile device, and if activated also disable your screen rotation lock. If you prefer to remain in portrait mode, ignore this message and close it at the "x".</p> 
    </div> 



#warning-message { 
    display: none; 
} 

@media only screen and (orientation:portrait) { 
    #warning-message { 
     display: block; 
    } 
} 

@media only screen and (orientation:landscape) { 
    #warning-message { 
     display: none; 
    } 
} 

#warning-message { 
    position: fixed; 
    margin: 0 auto 0 auto; 
    z-index: 99999999; 
    background-color: #2A3847; 
    width: 90vw; 
    min-height: 90vh; 
    text-align: center; 
    padding: 25px 15px 35px 15px; 
    right: 0; 
    left: 0; 
} 

#landscape-button { 
    background-color: #2A3847; 
    color: #ffffff; 
    border-radius: 0px; 
    border: 1px solid white; 
    padding: 10px 10px 10px 10px; 
    float: right; 
    margin-top: -25px; 
    margin-right: -15px; 
    font-size: 1.3em; 
} 

p { 
    font-size: 1.3em; 
    color: #ffffff; 
    positie: absolute; 
    text-align: center; 
    "><span style="margin: 0 0 0 25px; 
    text-align: center; 
    font-size: 1.5em; 
    letter-spacing: -0.04em; 
} 

#headertext { 
    margin: 0 0 0 25px; 
    text-align: center; 
    font-size: 2em; 
    letter-spacing: -0.04em; 
} 

Answer 1

$('#warning-message').on('click',function(){ 
var data = sessionStorage.getItem('isfirst'); 
if(data == undefined) 
{ 
sessionStorage.setItem('isfirst', 'true'); 
//close the pop 
} 
}) 

/」今、これが保存されるたびにチェック

sessionStorage.getItem('isfirst'); 

は、セッション