hello
コード.gs
function doGet() {
return HtmlService.createHtmlOutputFromFile("index");
}
|
意訳この機能がやること 指定したHTMLファイルを表示する |
index.html
<!DOCTYPE html>
<html>
<body>
<div id="main">hello</div><br>
<button id="bt">button</button>
<script>
/************************************
グローバル
************************************/
var milisec = 2000;
var main = document.getElementById("main");
var bt = document.getElementById("bt");
/************************************
イベント
************************************/
bt.onclick = btClicked;
/************************************
elem(id)
************************************/
function elem(id) {
return document.getElementById(id);
}
/************************************
btClicked
************************************/
function btClicked() {
setTimeout('showMessage()', milisec);
}
/************************************
showMessage
************************************/
function showMessage() {
main.textContent = "2秒後に表示するメッセージ";
}
</script>
</body>
</html>
|
意訳mainのdiv要素 button要素 ミリ秒を指定 idがmainの要素を取得 idがbuttonの要素を取得 btがクリックされたらbtClickedを実行する この機能がやること 受け取ったidの要素を返す この機能がやること milisec秒後にshowMessage()を実行する この機能がやること main要素にメッセージを表示する |
