下記のwebサイトを参考にスプレッドシートの情報をHTMLに反映させるスクリプトを作成しています。
参考:
https://productivityresearch.net/programing/13/
googleappscript
1function doGet() { 2 3var sh=SpreadsheetApp.openById(“シートのID”); 4var ss=sh.getSheetByName(“シート1”); 5 6var one = ss.getRange(1, 1).getValue(); 7var two = ss.getRange(2, 1).getValue(); 8 9var t = HtmlService.createTemplateFromFile(“index”); 10 11t.one = one; 12t.two = two; 13 14return t.evaluate().setTitle(“GASとスプレッドシートで動的なWebサイトを作る”); 15 16}
HTML
1<!DOCTYPE html> 2<html> 3<head> 4<base target=”_top”> 5</head> 6<body> 7<p id="first"> 8 <?= one ?> 9</p> 10<p id="second"> 11 <?= two ?> 12</p> 13</body> 14</html>
参照にしているスプレッドシートの2行目1列目の「two」で定義しているセルの値が空のとき、HTMLの下記の要素も非表示にさせたいと思います。
HTML
1<p id="second"> 2 <?= two ?> 3</p>
HTMLに下記のようなJSコードを埋め込めばできるかと思ったんですが、うまく行きません。どうすれば良いでしょうか?
Javascript
1<script> 2var sh=SpreadsheetApp.openById(“シートのID”); 3var ss=sh.getSheetByName(“シート1”); 4var two = ss.getRange(2, 1).getValue(); 5 6if(two === "") 7 { 8 document.getElementById("second").style.display="none"; 9 } 10 else 11 { 12 document.getElementById("second").style.display="block"; 13 } 14</script> 15
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/05/29 07:47
2019/05/31 23:53