GAS .openbyidで実行が止まってしまう

GASで列番号と値からシート内を検索し、該当する行を取得したい

GASで、列番号と値から、シート内の値の行を取得しようとしています。

発生している問題・エラーメッセージ

エラーはありません。alert(1)は表示されますが、alert(2)以降が表示、実行されません。

該当のソースコード

javascript
1 document.getElementById("search_button").addEventListener("click", search);
2 
3  
4  function search() {
5    
6      var keyword = document.getElementById("keyword").value;
7      alert(1)
8      var ss = SpreadsheetApp.openByUrl('https://~~~');
9　　　//ここでストップ？
10      alert(2)
11      var data = ss.getsheetByName("シート1").getDataRage().getValues();
12      alert(3)
13     
14      for(var i=0; i<data.length;i++) {
15        if (data[i][1]　==　keyword){
16        　row = i+1;
17          alert("hit")
18          return;
19        }
20      }
21      
22      if (row!= undefined){
23        var value = sheet.getRange(row,2).getValue();
24        document.getElementById("output1").innerText = value;
25      }else {
26        alert("none");
27      }
28      
29      return 0;
30  }

試したこと

alertを記述して確認しました。

補足情報

初心者なもので、レベルの低い質問ですが、何卒よろしくお願い致します。

行動規範の内容に同意します

回答1件

ベストアンサー

alert(1)が実行されているということはクライアントサイドに書かれたソースなんでしょうが、SpreadsheetAppはサーバーサイドでしか使えません。

スプレッドシートにアクセスする処理はサーバーサイドの*.gsファイルに記述し、クライアントサイドの*.htmlからgoogle.script.runオブジェクトを使って呼び出してください。

使い方はこんな感じで。

JavaScript
1//サーバーサイド(Code.gs)
2
3function doGet(e) {
4  return HtmlService.createHtmlOutputFromFile("index");
5}
6
7function getData(value) {
8  //** ここでならスプレッドシート(SpreadsheetApp)やドライブ(DriveApp)等にアクセスできる **
9
10  return parseInt(value) + 1;
11}

HTML
1<!-- クライアントサイド(index.html) -->
2
3<!DOCTYPE html>
4<html>
5  <head>
6    <base target="_top" />
7    <title>ScriptRunTest</title>
8    <script>
9      document.addEventListener("DOMContentLoaded", () => {
10        const button = document.querySelector("button");
11        button.addEventListener("click", () => {
12          const input = document.querySelector("input[type=number]");
13          //サーバーサイドの関数を呼び出す
14          google.script.run
15            //成功時の処理
16            .withSuccessHandler(value => input.value = value)
17            //サーバーサイドでエラー発生時の処理
18            .withFailureHandler(err => alert(err.message))
19            //サーバーサイドの関数呼び出し
20            .getData(input.value);
21        });
22      });
23    </script>
24  </head>
25  <body>
26    <input type="number" value="0" />
27    <button>加算</button>
28  </body>
29</html>