JSFiddle - React, Tailwind, and code Playground

JavaScript

function showBannerPopup () {
    let banner = document.querySelector('.js-banner');
    let closeBanner = document.querySelector('.js-close-banner');
    let bannerState = localStorage.getItem('Banner-popup');
    closeBanner.addEventListener('click', function(){
        banner.style.visibility  = "";
        banner.style.opacity = "";
        localStorage.setItem('Banner-popup', true);
    });
    banner.addEventListener('click',function() {
        banner.style.visibility  = "";
        banner.style.opacity = "";
        localStorage.setItem('Banner-popup', true);
    });
    if(!localStorage.getItem('Banner-popup')) {
        setTimeout(function(){
            banner.style.visibility = "visible";
            banner.style.opacity = "1";
        }, 300);
    }
}
showBannerPopup();