Google検索ができる検索ボックスを作ってみる
キーワードの入力欄に検索したいテキストを入力して
「Google検索」ボタンをクリックすると
新規ウィンドウでその結果画面が開きます
コード.gsfunction doGet() { return HtmlService.createHtmlOutputFromFile("index"); } | 意訳この機能がやること 指定したHTMLファイルを表示する |
index.html<!DOCTYPE html> <html> <body> <input type="text" id="tb" placeholder="キーワード"> <button id="bt">検索する</button> <script> document.getElementById("bt").onclick = bt_clicked; function bt_clicked() { var base_url = "https://www.google.co.jp/search?q="; var keyword = document.getElementById("tb").value; var url = base_url + keyword; window.open(url, "_blank"); } </script> </body> </html> | 意訳これはHTML5文書です テキストボックスを置く ボタンを置く idがbtの要素がクリックされたらbt_clickedを実行する この機能がやること 基準になるURLを指定して idがtbの要素の値を取得して 基準のURL+値をurlにして 新規タブで開く |