document.getElementByIdを毎回書いたりコピペしたりするので
id名を渡して要素を取得する関数を書いてみる
function get_elem(id){
return document.getElementById(id);
}
コード.gs
function doGet() {
return HtmlService.createHtmlOutputFromFile("index");
}
|
意訳この機能がやること 指定したHTMLファイルを表示する |
index.html
<!DOCTYPE html>
<html>
<body>
<button id="bt">ボタン</button>
<script>
function get_elem(id){
return document.getElementById(id);
}
var bt = get_elem("bt");
bt.onclick = bt_clicked;
function bt_clicked(){
alert("hello");
}
</script>
</body>
</html>
|
意訳ボタン この機能がやること 受け取ったidの要素を取得して返す id名"bt"をget_elemに渡して結果を得る btがクリックされたらbt_clickedを実行する この機能がやること hello をアラートに出す |
