Cookie 생성, 조회, 삭제

옛슬·2022년 1월 9일
0
post-thumbnail
// 쿠키에 필요한 요소 : 쿠키이름, 소멸날짜
//쿠키 확인
function checkCookie(value) {
  const filteredCookie = document.cookie.indexOf(value);

  if (filteredCookie > -1) {
    document.querySelector(".notice").classList.add("hide");
  } else {
    document.querySelector(".notice").classList.remove("hide");
  }
}

checkCookie("notice_popup");

//쿠키 설정
function setCookie(name, value, days) {
  const date = new Date();
  const expireDate = new Date(
    date.setDate(date.getDate() + days)
  ).toUTCString();

  document.cookie = `${name} = ${value}; Expires = ${expireDate}`;
}

//쿠키 삭제
function deleteCookie(name, value) {
  const date = new Date();
  const expireDate = new Date(date.setDate(date.getDate() + -1)).toUTCString();

  document.cookie = `${name} = ${value}; Expires = ${expireDate}`;
}

document.querySelector(".notice").addEventListener("click", (e) => {
  if (!e.target.classList.contains("notice-btn")) return;
  const checkDate = document.querySelector("#notice-check");

  if (checkDate.checked) {
    setCookie("popup", "notice_popup", 7);
    document.querySelector(".notice").classList.add("hide");
  } else {
    document.querySelector(".notice").classList.add("hide");
  }
});
profile
웹 퍼블리셔입니다💓

0개의 댓글