LANG SELRCT

コードを書く場所についてはこちら

2018年1月13日土曜日

指定したサイト内で検索するボタンを作りたい


Google検索ができる検索ボックスを作ってみる





キーワードの入力欄に検索したいテキストを入力して
「Google検索」ボタンをクリックすると
新規ウィンドウでその結果画面が開きます



コード.gs
function 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にして
新規タブで開く