Cookies 我有完整的饼干横幅,但关闭按钮根本不起作用

Cookies 我有完整的饼干横幅,但关闭按钮根本不起作用,cookies,popup,Cookies,Popup,这是HTML CSS JS中的完整cookie弹出窗口,但关闭按钮没有反应 <div id="cookban" class="hide"> <a href="#" id="close" class="close" >CLOSE</a> <a href="privacy.html" target=&

这是HTML CSS JS中的完整cookie弹出窗口,但关闭按钮没有反应

    <div id="cookban" class="hide">
        <a href="#" id="close" class="close" >CLOSE</a>
        <a href="privacy.html" target="_blank">PRIVACY</a>
        <a href="#" id="accept" class="accept" >ACCEPT</a>
    </div>
在JS中,我使用setItem和getItem,这里是完整的JS代码

       const cookieStorage = {
       getItem: (key) => {
       
       const cookies = document.cookie
         .split(';')
         .map(cookie => cookie.split('='))
         .reduce((acc, [key, value]) => ({ ...acc, [key.trim()]: value}), {});
       
         return cookies[key];
       
       },
         setItem: (key, value) => {
           document.cookie = `${key}=${value}`;
       
         },
       };
   
      
   
   const storageType = cookieStorage;
   const consentPropertyName = 'owner';
   
   const shouldShowPopup = () => !storageType.getItem(consentPropertyName);
   const saveToStorage = () => storageType.setItem(consentPropertyName, true);
   
   window.onload = () => {

const consentPopup = document.getElementById('cookban');
const acceptBtn = document.getElementById('accept');
const closeBtn = document.getElementById('close');



const acceptFn = event =>{
   saveToStorage(storageType);
   consentPopup.classList.add('hide');
};

const closeFn = event =>{
  consentPopup.classList.add('hide');
};


acceptBtn.addEventListener('click', acceptFn);
   if (shouldShowPopup(storageType)) {
       setTimeout(() => {
       consentPopup.classList.remove('hide');
   }, 200);
   };
   };

closeBtn.addEventListener('click', closeFn);
   if (shouldShowPopup(storageType)) {
       setTimeout(() => {
       consentPopup.classList.remove('hide');
    }, 200);
    };
   

关闭按钮不隐藏我的弹出窗口它什么也不做,如何关闭弹出窗口,不创建cookie?

好的,我得到了这个。。。我在另一个JQ文件中执行了第二个关闭按钮的功能来杀死这个横幅

       const cookieStorage = {
       getItem: (key) => {
       
       const cookies = document.cookie
         .split(';')
         .map(cookie => cookie.split('='))
         .reduce((acc, [key, value]) => ({ ...acc, [key.trim()]: value}), {});
       
         return cookies[key];
       
       },
         setItem: (key, value) => {
           document.cookie = `${key}=${value}`;
       
         },
       };
   
      
   
   const storageType = cookieStorage;
   const consentPropertyName = 'owner';
   
   const shouldShowPopup = () => !storageType.getItem(consentPropertyName);
   const saveToStorage = () => storageType.setItem(consentPropertyName, true);
   
   window.onload = () => {

const consentPopup = document.getElementById('cookban');
const acceptBtn = document.getElementById('accept');
const closeBtn = document.getElementById('close');



const acceptFn = event =>{
   saveToStorage(storageType);
   consentPopup.classList.add('hide');
};

const closeFn = event =>{
  consentPopup.classList.add('hide');
};


acceptBtn.addEventListener('click', acceptFn);
   if (shouldShowPopup(storageType)) {
       setTimeout(() => {
       consentPopup.classList.remove('hide');
   }, 200);
   };
   };

closeBtn.addEventListener('click', closeFn);
   if (shouldShowPopup(storageType)) {
       setTimeout(() => {
       consentPopup.classList.remove('hide');
    }, 200);
    };