Cookie Leiste auf der Homepage

[The_C]

Hallo,
hab auf der HP eine Cookies akzeptieren Leiste mit einem OK Button eingebaut.
Wenn man jetzt auf das OK klickt und im Menü auf eine andere Seite wechselt kommt die Leiste wieder.
Was muss ich am Code ändern das er sich das OK merkt und es nicht immer wieder anzeigt?

Hier der HTML Code:

<p>Wir verwenden Cookies, um die Nutzung der Webseite für Sie als Besucher zu verbessern.</p>
  <button class="setCookieBtn">OK</button>
</section>

Und Hier der JS Code:

const cookieCheck = (cookieName = 'defaultName', daysUntilExpire = 365) => {
  const cookieElement = document.querySelector('.cookieElement');
  const acceptBtn = document.querySelector('.setCookieBtn');
 
  let showCookieMessage = true;
  
  const cookies = document.cookie.split(';').map((cookie) => {
    if(cookie.replace(/ /g, '') == `${cookieName}=true`) {
      showCookieMessage = false;
    }
  });
  
  if(showCookieMessage) {
    cookieElement.classList.add('is-visible');
    
    acceptBtn.addEventListener('click', e => {
      e.preventDefault();
      
      setCookie();
      cookieElement.classList.remove('is-visible');
    });
  }

  function setCookie() {
    let expireInDays = new Date();
    
    expireInDays.setDate(expireInDays.getDate() + daysUntilExpire);

    document.cookie = `${cookieName}=true; expires=${expireInDays} path=/`;
  }
};

// Set cookie with name and days until expire
cookieCheck('crunchy_chocolate_chip_cookies', 100);

Banke schon mal jetzt für Eure Hilfe!

- - - Aktualisiert - - -

Hab mir jetzt mit einem jQuery Script beholfen sehr einfach in der Umsetzung.
Hier mal die Url: https://www.primebox.co.uk/projects/jquery-cookiebar/

 

[mikdoe]

Möchtest du trotzdem den Fehler in deinem Script finden?