我一直在尝试创建一个简单的cookie box通知，实际上我想使用这个特定的idea

问题是，当我在页脚中运行这个js时，我只需单击“是”或“否”，然后刷新页面后，我会再次看到cookie框的开头。我只想在那里设置一个非常简单的到期日期，例如10天，等等，当我单击“依赖于答案”时，功能正常。

我真的不擅长js，所以如果有人能帮助我，我将不胜感激。：）

!(function() {
var e = function(e, t, o) {
(this.text = e),
  (this.acceptText = t),
  (this.denyText = o),
  (this.element = null),
  this.init();
};
(e.prototype = {
init: function() {
  this.create(), this.load(), this.actions();
},
load: function() {
  null === localStorage.getItem("cookie-box-accepted") && this._show();
},
actions: function() {
  var e = document.querySelector("#cookie-box-accept"),
    t = document.querySelector("#cookie-box-deny"),
    o = this;
  e.addEventListener(
    "click",
    function(e) {
      e.preventDefault(),
        localStorage.setItem("cookie-box-accept", "yes"),
        o._hide();
    },
    !1
  ),
    t.addEventListener(
      "click",
      function(e) {
        e.preventDefault(),
          localStorage.setItem("cookie-box-deny", "no"),
          o._hide();
      },
      !1
    );
},
create: function() {
  var e = document.createElement("div");
  this.element = e;
  var t =
    "<div id=\'cookie-box-wrap\'><div id=\'cookie-box-text\'>" +
    this.text +
    "</div>";
  (e.id = "cookie-box"),
    (t +=
      "<div id=\'cookie-box-btns\'><button type=\'button\' id=\'cookie-box-accept\'>" +
      this.acceptText +
      "</button>"),
    (t +=
      "<button onclick=deleteAllCookies() type=\'button\' id=\'cookie-box-deny\'>" +
      this.denyText +
      "</button></div>"),
    (t += "</div>"),
    (e.innerHTML = t),
    document.body.appendChild(e);
},
_show: function() {
  var e = this;
  (e.element.style.display = "block"),
    setTimeout(function() {
      e.element.className = "visible";
    }, 500);
},
_hide: function() {
  var e = this;
  (e.element.className = ""),
    setTimeout(function() {
      e.element.style.display = "none";
    }, 500);
}
  }),
document.addEventListener("DOMContentLoaded", function() {
  new e(
    "This website uses &laquo;cookies&raquo; to give you the best experience when you visit. You can manage or block them <a href=\'https://www.aboutcookies.org/how-to-control-cookies/\' target=\'_blank\'>in your browser settings</a>. <span id=\'open\'><svg height=\'100\' width=\'35\'><text x=\'0\' y=\'0\' fill=\'#c9770c\' transform=\'rotate(90 1,10)\'>Cookies</text>Your browser does not support inline SVG.</svg></span> Do you accept cookies?",
    "Yes",
    "No"
  );
});
})();
var sheet = (function() {
var e = document.createElement("style");
return (
e.appendChild(
  document.createTextNode(
    "#cookie-box{position:fixed;bottom:1px;left:1px;width:99%;max-width:290px;min-height:3em;background:#f1f1f1;border:dotted 1px #555;color:#555;z-index:10000000000;display:none;transition:all .5s ease-in;transform:scaleY(0)}#cookie-box.visible{transform:scaleY(1)}#cookie-box{margin-left:-293px}#cookie-box:hover{margin-left:1px}#cookie-box-wrap{margin:0 auto;max-width:285px;text-align:center}#cookie-box-text{padding:17px 3px 7px;font-family:Arial;font-size:13px;line-height:17px;margin-bottom:5px}#cookie-box-text a{color:#c9770c;text-decoration:underline;text-decoration-style:dotted}#cookie-box-btns{margin:15px auto}#cookie-box-btns button{border-radius:1px;border:none;padding:7px 33px;font-size:13px!important;line-height:17px;font-family:Arial;color:#fff;text-transform:uppercase;cursor:pointer;margin-right:7px;transition:all .5s ease-in}#cookie-box-btns button:hover{background-color:grey}button#cookie-box-accept{background:olivedrab}button#cookie-box-deny{background:#c9770c;}#open{ float:right;margin-top:-25px;margin-right:-40px;color:black;font-size:23px;cursor:all-scroll;background:#f1f1f1;border:dotted 1px #555;border-left:none}"
  )
),
document.head.appendChild(e),
e.sheet
);
})();
function deleteAllCookies() {
(document.cookie = "=; expires=Fri, 31 Dec 2000 23:59:59 UTC; path=/"),
alert(
  "I am cookie with an expiry date 31 Dec 2000 23:59:59. I don\'t live after: " +
    document.cookie
);
}

EDIT ------------------------------------

load: function() {
null === checkCookie("cookie-box-accept") && this._show();
},
actions: function() {
var e = document.querySelector("#cookie-box-accept"),
t = document.querySelector("#cookie-box-deny"),
o = this;
e.addEventListener(
"click",
  function(e) {
  e.preventDefault(),
    setcookie("cookie-box-accept", \'visited\',time()+60*60*24*31, "yes"),
    o._hide();
 },
 !1
  ),
  t.addEventListener(
   "click",
   function(e) {
    e.preventDefault(),
       unsetcookie("cookie-box-deny", "no"),
       o._hide();
   },
   !1
 );
},