質問編集履歴
3
文法の修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -65,7 +65,6 @@
|
|
|
65
65
|
const dataName = element.getAttribute('data-name');
|
|
66
66
|
if (object[0][dataName]) {
|
|
67
67
|
element.textContent = object[0][dataName];
|
|
68
|
-
counter++;
|
|
69
68
|
}
|
|
70
69
|
});
|
|
71
70
|
});
|
2
<div class="container">の説明を追加記載した。
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
### 実現したいこと
|
|
2
|
-
- <div class="menu-item" >とその子要素を、Googleスプレッドシートに書き込まれた内容に応じて生成したい
|
|
2
|
+
- <div class="container">内に<div class="menu-item" >とその子要素を、Googleスプレッドシートに書き込まれた内容に応じて生成したい
|
|
3
3
|
- スプレッドシートの内容が空の時は増減するようにしたい。
|
|
4
4
|
- h3やpタグのmeta-name属性はをスプレッドシートに対応して、menu1，menu2，menu3というように数が増えるようにしたい
|
|
5
5
|
|
1
HTMLのソースコードを指定の場所に書き直した
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -6,20 +6,23 @@
|
|
|
6
6
|
### 前提
|
|
7
7
|
|
|
8
8
|
JavaScriptとGASでGoogleスプレッドシートに書き込まれた内容をWeb上に自動で反映させるシステムを作成しています。
|
|
9
|
-
現在HTML上に
|
|
10
|
-
<div class="container">
|
|
11
|
-
<div class="menu-item">
|
|
12
|
-
<h3 class="menu" id="menu1" data-name="menu1" ></h3>
|
|
13
|
-
<p class="price" data-name="price1"></p>
|
|
14
|
-
</div>
|
|
15
|
-
がある状態だと自動で反映できるのですが、HTMLに上記のコードが無い場合は反映されず、スプレッドシートに書き込まれた量に応じて手作業で上記のコードを書き足している状況です。
|
|
9
|
+
現在HTML上に下記のコード(HTMLのソースコード)がある状態だと自動で反映できるのですが、HTMLに上記のコードが無い場合は反映されず、スプレッドシートに書き込まれた量に応じて手作業で上記のコードを書き足している状況です。
|
|
16
10
|
スプレッドシートの内容が書き込まれたら自動で上記のコードを生成するプログラムに修正したいです。
|
|
17
11
|
|
|
18
12
|
### 発生している問題・エラーメッセージ
|
|
19
13
|
|
|
20
14
|
### 該当のソースコード
|
|
21
|
-
|
|
22
15
|
```
|
|
16
|
+
HTML
|
|
17
|
+
```
|
|
18
|
+
```
|
|
19
|
+
<div class="container">
|
|
20
|
+
<div class="menu-item">
|
|
21
|
+
<h3 class="menu" id="menu1" data-name="menu1" ></h3>
|
|
22
|
+
<p class="price" data-name="price1"></p>
|
|
23
|
+
</div>
|
|
24
|
+
```
|
|
25
|
+
```
|
|
23
26
|
JavaScript
|
|
24
27
|
```
|
|
25
28
|
```
|