JSFiddle - React, Tailwind, and code Playground

HTML

<div class="not-display" id="addsense-pub">   
     Hello... I am an add!
</div>
<div id="game">
    Hello... I am a game!
</div>  
<br>
<a href="#" id="click-me">Increment Games...</a>
<br>
<br>
<a href="#" id="clear-me">Clear all items!!!</a>

CSS

.not-display {
    display:none;
}
.display-block {
    display: block;
}

JavaScript

sessionStorage.setItem('games', 0);
var data = sessionStorage.getItem('show-add');
if(data == 1)
{
    $("#addsense-pub").removeClass('not-display');
    $("#addsense-pub").addClass('display-block');
}

$("#click-me").click(function(){
    var gamer = sessionStorage.getItem('games');
    if(gamer < 1)
    {
        gamer += 1;
        sessionStorage.setItem('games', gamer);
    } else {
        $("#addsense-pub").removeClass('not-display');
        $("#addsense-pub").addClass('display-block');
        sessionStorage.setItem('show-add', 1);
    }
});

$("#clear-me").click(function(){
    sessionStorage.setItem('games', 0);
    sessionStorage.setItem('show-add', 0);
    window.location.reload()
});