Coder Wrap provides free to use snippets Coder Wrap provides free to use snippets

🗙
Login
Register

Create Account

Cancel
Back to Common
Preview Source Code
Download
HTML
CSS
* {
  box-sizing: border-box;
 }
 body {
  margin: 0px;
  font-family: sans-serif;
  font-size: 16px;
 }
 .cookiespolicy-box {
  background-color: #fff;
  padding: 10px;
  text-align: center;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 100000;
  box-shadow: 0 0 5px #0006;
  font-size: 16px;
}

.cookiespolicy-box .cookies-accept-btn {
  cursor: pointer;
  border: none;
  background-color: #000;
  color: #fff;
  padding: 6px 20px;
  border-radius: 4px;
  text-transform: uppercase;
  margin-left: 10px;
}
.cookiebar-hidden .cookiespolicy-box {
 display: none;
}
JS
/*Cookie message/Review Box/Chat box Start*/
    document.querySelector('#see-acceptcookies')?.addEventListener('click', function() {
       localStorage.setItem("cookiebar", "closed");
       document.querySelector('html').classList.add('cookiebar-hidden');
    });
    const banner_visibility = localStorage.getItem("cookiebar");
    if (banner_visibility === "closed") {
        document.querySelector('html').classList.add('cookiebar-hidden');
    }
  /*Cookie message/Review Box/Chat box End*/

Related Snippets

Leave a comment

Your email address will not be published. Required fields are marked *