(() => {
  const gridItems = document.querySelectorAll(
    "#modeList .Grid_lds_grid_container__ncub_ .grid_item"
  );

  // 全てのアイテム非表示設定は、cssに移行
  // gridItems.forEach((item) => {
  //   item.style.display = "none";
  // });

  fetch("/api/gacha/user_group")
    .then((response) => response.json())
    .then((data) => {
      if (data.error) {
        console.error("API Error:", data.error.message);
      } else if (data.result && data.result.group_id) {
        const groupId = parseInt(data.result.group_id);
        console.log(groupId);
        if (!isNaN(groupId)) {
          const status = groupId - 2;

          // 条件に一致する要素だけを表示
          gridItems.forEach((item, index) => {
            if (index === status) {
              item.style.display = "block";
            }
          });
        } else {
          console.error("groupId is not a valid number");
        }
      } else {
        console.error("No groupId found in response");
      }
    })
    .catch((error) => {
      console.error("Error fetching the data:", error);
      // エラー時の処理も適宜追加すること
    });

})();


モード選択js

(() => {
  const now = new Date();
  const japanDate = now.toLocaleString("ja-JP", {
    timeZone: "Asia/Tokyo",
    year: "numeric",
    month: "2-digit",
    day: "2-digit",
  });

  const targetObjLinks = [
    {
      date: "2024/06/01",
      webLink: "https://manga.line.me/",
      iabLink:
        "linemanga://tag/periodic/1027856?in_current_tab=true&persistent=true", // 6/1のIABリンク
    },
    {
      date: "2024/06/02",
      webLink: "https://manga.line.me/",
      iabLink:
        "linemanga://tag/periodic/1027857?in_current_tab=true&persistent=true", // 6/2のIABリンク
    },
    {
      date: "2024/06/03",
      webLink: "https://www.yahoo.co.jp",
      iabLink:
        "linemanga://tag/periodic/1027858?in_current_tab=true&persistent=true", // 6/3のIABリンク
    },
    {
      date: "2024/06/04",
      webLink: "https://manga.line.me/",
      iabLink:
        "linemanga://tag/periodic/1027859?in_current_tab=true&persistent=true", // 6/4のIABリンク
    },
    {
      date: "2024/06/05",
      webLink: "https://manga.line.me/",
      iabLink:
        "linemanga://tag/periodic/1027860?in_current_tab=true&persistent=true", // 6/5のIABリンク
    },
    {
      date: "2024/06/06",
      webLink: "https://manga.line.me/",
      iabLink:
        "linemanga://tag/periodic/1027861?in_current_tab=true&persistent=true", // 6/6のIABリンク
    },
    {
      date: "2024/06/07",
      webLink: "https://manga.line.me/",
      iabLink:
        "linemanga://tag/periodic/1027862?in_current_tab=true&persistent=true", // 6/7のIABリンク
    },
    {
      date: "2024/06/08",
      webLink: "https://manga.line.me/",
      iabLink:
        "linemanga://tag/periodic/1027863?in_current_tab=true&persistent=true", // 6/8のIABリンク
    },
    {
      date: "2024/06/09",
      webLink: "https://manga.line.me/",
      iabLink:
        "linemanga://tag/periodic/1027864?in_current_tab=true&persistent=true", // 6/9のIABリンク
    },
    {
      date: "2024/06/10",
      webLink: "https://manga.line.me/",
      iabLink:
        "linemanga://tag/periodic/1027865?in_current_tab=true&persistent=true", // 6/10のIABリンク
    },
    {
      date: "2024/06/11",
      webLink: "https://manga.line.me/",
      iabLink:
        "linemanga://tag/periodic/1027866?in_current_tab=true&persistent=true", // 6/11のIABリンク
    },
    {
      date: "2024/06/12",
      webLink: "https://manga.line.me/",
      iabLink:
        "linemanga://tag/periodic/1027867?in_current_tab=true&persistent=true", // 6/12のIABリンク
    },
    {
      date: "2024/06/13",
      webLink: "https://manga.line.me/",
      iabLink:
        "linemanga://tag/periodic/1027868?in_current_tab=true&persistent=true", // 6/13のIABリンク
    },
    {
      date: "2024/06/14",
      webLink: "https://manga.line.me/",
      iabLink:
        "linemanga://tag/periodic/1027869?in_current_tab=true&persistent=true", // 6/14のIABリンク
    },
    {
      date: "2024/06/15",
      webLink: "https://manga.line.me/",
      iabLink:
        "linemanga://tag/periodic/1027870?in_current_tab=true&persistent=true", // 6/15のIABリンク
    },
    {
      date: "2024/06/16",
      webLink: "https://manga.line.me/",
      iabLink:
        "linemanga://tag/periodic/1027871?in_current_tab=true&persistent=true", // 6/16のIABリンク
    },
    {
      date: "2024/06/17",
      webLink: "https://manga.line.me/",
      iabLink:
        "linemanga://tag/periodic/1027872?in_current_tab=true&persistent=true", // 6/17のIABリンク
    },
    {
      date: "2024/06/18",
      webLink: "https://manga.line.me/",
      iabLink:
        "linemanga://tag/periodic/1027873?in_current_tab=true&persistent=true", // 6/18のIABリンク
    },
    {
      date: "2024/06/19",
      webLink: "https://manga.line.me/",
      iabLink:
        "linemanga://tag/periodic/1027874?in_current_tab=true&persistent=true", // 6/19のIABリンク
    },
    {
      date: "2024/06/20",
      webLink: "https://manga.line.me/",
      iabLink:
        "linemanga://tag/periodic/1027875?in_current_tab=true&persistent=true", // 6/20のIABリンク
    },
    {
      date: "2024/06/21",
      webLink: "https://manga.line.me/",
      iabLink:
        "linemanga://tag/periodic/1027876?in_current_tab=true&persistent=true", // 6/21のIABリンク
    },
    {
      date: "2024/06/22",
      webLink: "https://manga.line.me/",
      iabLink:
        "linemanga://tag/periodic/1027877?in_current_tab=true&persistent=true", // 6/22のIABリンク
    },
    {
      date: "2024/06/23",
      webLink: "https://manga.line.me/",
      iabLink:
        "linemanga://tag/periodic/1027878?in_current_tab=true&persistent=true", // 6/23のIABリンク
    },
    {
      date: "2024/06/24",
      webLink: "https://manga.line.me/",
      iabLink:
        "linemanga://tag/periodic/1027879?in_current_tab=true&persistent=true", // 6/24のIABリンク
    },
    {
      date: "2024/06/25",
      webLink: "https://manga.line.me/",
      iabLink:
        "linemanga://tag/periodic/1027880?in_current_tab=true&persistent=true", // 6/25のIABリンク
    },
    {
      date: "2024/06/26",
      webLink: "https://manga.line.me/",
      iabLink:
        "linemanga://tag/periodic/1027881?in_current_tab=true&persistent=true", // 6/26のIABリンク
    },
    {
      date: "2024/06/27",
      webLink: "https://manga.line.me/",
      iabLink:
        "linemanga://tag/periodic/1027882?in_current_tab=true&persistent=true", // 6/27のIABリンク
    },
    {
      date: "2024/06/28",
      webLink: "https://manga.line.me/",
      iabLink:
        "linemanga://tag/periodic/1027883?in_current_tab=true&persistent=true", // 6/28のIABリンク
    },
    {
      date: "2024/06/29",
      webLink: "https://manga.line.me/",
      iabLink:
        "linemanga://tag/periodic/1027884?in_current_tab=true&persistent=true", // 6/29のIABリンク
    },
    {
      date: "2024/06/30",
      webLink: "https://manga.line.me/",
      iabLink:
        "linemanga://tag/periodic/1027885?in_current_tab=true&persistent=true", // 6/30のIABリンク
    },
  ];

  const ImgId = "buttonToday";

  const isIab = /linemanga/.test(navigator.userAgent);

  // リンク先切り替え処理
  targetObjLinks.forEach((linkObj) => {
    if (linkObj.date === japanDate) {
      const imageElement = document.getElementById(ImgId);
      if (!imageElement) return;
      const linkEl = imageElement.querySelector("a");
      linkEl.href = isIab ? linkObj.iabLink : linkObj.webLink;
      // linkEl.classList.add(`${linkObj.selectorId}-link`);
    }
  });
})();
