// 設(shè)置一個(gè)簡單的 Cookie
document.cookie = "username=JohnDoe";

// 設(shè)置帶過期時(shí)間的 Cookie
const date = new Date();
date.setTime(date.getTime() + (7 * 24 * 60 * 60 * 1000)); // 7 天后過期
document.cookie = `username=JohnDoe; expires=${date.toUTCString()}; path=/`;

// 設(shè)置帶域名和 Secure 屬性的 Cookie
document.cookie = "username=JohnDoe; domain=example.com; Secure";

// 讀取所有 Cookie
const cookies = document.cookie;
console.log(cookies); // 輸出：username=JohnDoe; theme=dark

// 解析 Cookie
function getCookie(name) {
    const cookieArr = document.cookie.split(';');
    for (let cookie of cookieArr) {
        const [cookieName, cookieValue] = cookie.trim().split('=');
        if (cookieName === name) {
            return decodeURIComponent(cookieValue);
        }
    }
    return null;
}

console.log(getCookie("username")); // 輸出：JohnDoe

// 刪除 Cookie
document.cookie = "username=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;";

function setCookie(cname,cvalue,exdays)
{
  // 創(chuàng)建一個(gè)新的日期對象
  var d = new Date();
  // 設(shè)置日期對象為當(dāng)前時(shí)間加上指定的天數(shù)
  d.setTime(d.getTime()+(exdays*24*60*60*1000));
  // 將過期時(shí)間轉(zhuǎn)換為GMT字符串格式
  var expires = "expires="+d.toGMTString();
  // 設(shè)置cookie字符串，包含名稱、值和過期時(shí)間
  document.cookie = cname + "=" + cvalue + "; " + expires;
}

function getCookie(name) {
    // 將文檔中的所有cookie字符串按分號分割成數(shù)組
    const cookieArr = document.cookie.split(';');
    // 遍歷cookie數(shù)組中的每個(gè)cookie字符串
    for (let cookie of cookieArr) {
        // 將每個(gè)cookie字符串按等號分割成名稱和值，并去除前后空格
        const [cookieName, cookieValue] = cookie.trim().split('=');
        // 檢查當(dāng)前cookie的名稱是否與目標(biāo)名稱匹配
        if (cookieName === name) {
            // 如果匹配，返回解碼后的cookie值
            return decodeURIComponent(cookieValue);
        }
    }
    // 如果沒有找到匹配的cookie，返回null
    return null;
}

function checkCookie()
{
  // 獲取名為 "username" 的 cookie 值
  var username=getCookie("username");
  // 如果 cookie 中有用戶名
  if (username!="")
  {
    // 彈出歡迎信息
    alert("Welcome again " + username);
  }
  else 
  {
    // 如果沒有用戶名，提示用戶輸入名稱
    username = prompt("Please enter your name:","");
    // 如果用戶輸入了名稱且不為空
    if (username!="" && username!=null)
    {
      // 設(shè)置 "username" cookie，有效期為 365 天
      setCookie("username",username,365);
    }
  }
}