diff --git a/system/menu/menu.html b/system/menu/menu.html
index e466972..ea51eb3 100644
--- a/system/menu/menu.html
+++ b/system/menu/menu.html
@@ -1,13 +1,13 @@
-
-
-
-
-
-
-飲食店メニュー
+
+
+
+
+
+
+ 飲食店メニュー
@@ -29,5 +29,3 @@
-
-
diff --git a/system/menu/script.js b/system/menu/script.js
index 8f742ee..f4174fe 100644
--- a/system/menu/script.js
+++ b/system/menu/script.js
@@ -1,6 +1,6 @@
// GASからJSONデータを取得してHTML要素を生成する
async function fetchAndGenerateData() {
- const response = await fetch('https://script.google.com/macros/s/AKfycbwgvrshvWnho51ChW23t11nPaMRfDmz036r3HHvZaAnZZTBPXJobxw8UtvZA8a4ZAel/exec');
+ const response = await fetch('https://script.google.com/macros/s/AKfycbxo0i6ONdld2wBJY-MqehgS76dQUiEY6K_JCyx2W7bt99JrPsceNTgSKBn8glP-DEqixg/exec');
const jsonData = await response.json();
// HTML内の要素を取得
const nameElement = document.getElementById('name');
@@ -31,9 +31,23 @@
const div = document.createElement('div');
div.classList.add('menu-item');
- const img = document.createElement('img');
- img.src = data.img;
- div.appendChild(img);
+ // pageLink データがある場合にのみ a タグを生成
+ if (data.pageLink) {
+ // a タグを生成して画像をリンク
+ const a = document.createElement('a');
+ a.href = data.pageLink;
+ a.target = '_blank';
+ div.appendChild(a);
+
+ const img = document.createElement('img');
+ img.src = data.img;
+ a.appendChild(img); // 画像を a タグ内に追加
+ } else {
+ // pageLink データがない場合は画像のみを生成
+ const img = document.createElement('img');
+ img.src = data.img;
+ div.appendChild(img);
+ }
const h3 = document.createElement('h3');
h3.classList.add('menuName');
@@ -60,6 +74,6 @@
menuContainer.appendChild(categoryContainer);
}
}
-
+
// ページ読み込み時にJSONデータを取得してHTML要素を生成
window.addEventListener('DOMContentLoaded', fetchAndGenerateData);