データ保存 cookie

const saveData = document.getElementById("saveData");
const readData = document.getElementById("readData");

saveData.addEventListener("click", () => {
  document.cookie = "key=3";
  document.cookie = "id=1";
  document.cookie = `name=${encodeURIComponent("いろは")}`;
  console.log("SAVED");
});

readData.addEventListener("click", () => {
  console.log(document.cookie);
  const obj = createObj();
  console.log(obj);
});

// この形になっているので分解する　key=value;key=value;key=value;
function createObj() {
  const obj = {};
  const arr = document.cookie.split(";");
  arr.forEach((arrItem) => {
    const arrTemp = arrItem.split("=");
    const key = arrTemp[0].trim();
    const value = decodeURIComponent(arrTemp[1]);
    obj[key] = value;
  });
  return obj;
}