ボタンクリックによる特定セルの値の更新（GASとHTMLの連携）

ボタンをクリックするとシートの指定された部分に「a」を入力したい。

Googleスプレッドシートのボタンをクリックしても、指定されたセルに値が入力されない。2つの異なるアプローチは期待通りに動作しませんでした。

１．doGet()関数を除いたスクリプトをスクリプトタグの間に挿入します。また、button要素のonclick属性に"onButtonClick()"を指定します。
結果：ボタンをクリックすると、「a」が表示されます。
スクリプトタグの間にfunction onButtonClick(){console.log("a");}を挿入するとクリックのタイミングで「a」を確認できることから、スクリプトタグの間に問題があると予想されます。
２．button要素のonclick属性に<? buttonClick() ?>を指定します。
結果：doGet()が実行されると、目的の場所に「a」が表示されます。

function doGet() {
 const template = HtmlService.createTemplateFromFile("test");
 return template.evaluate();
}

function onButtonClick() {
　setSheetValue("data", 1, 1, "a");
}

function getSheetRange(sheetName, rowNum, colNum){
 const activeSpreadsheet = SpreadsheetApp.getActiveSpreadsheet();
 const targetSheet = activeSpreadsheet.getSheetByName(sheetName);
 const targetRange = targetSheet.getRange(rowNum, colNum);
 return targetRange;
}

function setSheetValue(sheetName, rowNum, colNum, value){
 getSheetRange(sheetName, rowNum, colNum).setValue(value);
}

<head>
　<script>
  </script>
</head>
<body>
 <button type="button">ボタン</button>
</body>

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

回答1件

ベストアンサー

html側から直接アクセスはできないと思います。

このあたりを参考にしていただけると！
HTML側⇔GAS側で通信する

gs
1
2setValue(value){
3  console.log(value) //console.log => 引数
4　//[todo]ここにスプレッドシートへ書き込む処理を記入
5}
6

html
1<body>
2 <button type="button" onclick= "buttonClick("引数")">button</button>
3</body>
4
5<script>
6 　function buttonClick(value){
7  　google.script.run.setValue(value)
8 　}
9</script>