не может установить Условия, если повар ie существует

Question

Я сделал закрываемый баннер с Html, CSS и JS. Все работает нормально, но я хочу, чтобы он исчез после того, как пользователь нажал кнопку «Закрыть», и больше никогда его не отобразить (при переходе с сайта на другой или после обновления браузера) я сохранил повар ie, но мой код нужно сделать изменяется, если повар ie не работает

что я делаю не так?

 



  var close = document.getElementsByClassName("close");
            var i;
            
            for (i = 0; i < close.length; i++) {
                close[i].addEventListener("click", function() {
                    this.parentElement.style.display = 'none';
                });
            }

function setCookie(cname, cvalue, exdays) {
    var d = new Date();
    d.setTime(d.getTime() + (exdays*24*60*60*1000));
    var expires = "expires="+d.toUTCString();
    document.cookie = cname + "=" + cvalue + "; " + expires;
}
        function getCookie(cname) {
    var name = cname + "=";
    var ca = document.cookie.split(';');
    for(var i=0; i<ca.length; i++) {
        var c = ca[i];
        while (c.charAt(0)==' ') c = c.substring(1);
        if (c.indexOf(name) == 0) return c.substring(name.length,c.length);
    }
    return "";
}
        


function checkCookie() {
  var x=getCookie("clicklink");
  if (x == null) {
   document.getElementById("close").style.display='block';
  } else {
    document.getElementById("close").style.display='none';
    
  }
}
        

.closable{
            margin-top: -1px;
            font-size: 18px;
            color: black;
            position: relative;
            text-align: center;
        }
        
.close{
            
            cursor: pointer;
            position: absolute;
            top: 15%;
            right: 0%;
            padding: 12px 16px;
            transform: translate(0%, -50%);
            
        }
        
.close:hover{
            background: #bbb;
       }

   

 <div id="close" class="closable" onload="checkCookie()">
   <p><strong>Lorem Ipsum</strong></p>
   <p style="text-align: center">
      s simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
   </p>
    <span class="close" id="clink" onclick="setCookie('clicklink', 'yes', 7)">
        &times;
    </span>
    
</div>