htmlとGSの値の単純なやりとり（2019年4月）

前提・実現したいこと

GAS(google apps scripts)でWEBアプリを作っているのですが、htmlから入力値を.gsファイルに渡し、そのメソッド実行後のリターン値をhtmlに表示したいです。

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

htmlにて入力したものをgs側にあるメソッドに引数として渡して、そのメソッドのリターン値をhtml側に返して表示クリックしても入力した文字がhtmlに表示されない。

該当のソースコード

GS
1//htmlを表示
2function doGet() {
3  return HtmlService.createTemplateFromFile("UserForm").evaluate();
4}
5//htmlから値を受け取り
6function test9(hikisuu) {
7  kekka = hikisuu + "tuika"
8  return kekka;
9}

html
1<!DOCTYPE html>
2<html lang="ja">
3<head>
4  <base target="_top">
5</head>
6<body>
7  <input type="text" id="testtext_id3" >
8  <button type="submit" onclick="method_desu()">クリック</button>
9  <div id="TEST"></div>//ここにGSにあるメソッドリターン値を表示したい
10  
11<script type="text/javascript" >
12
13function method_desu(){
14  var testtext3 = document.getElementById('testtext_id3').value;
15  google.script.run.withSuccessHandler(result).test9(testtext3);
16  function result(data){
17  　　document.getElementById(“TEST”).innerHTML = data;
18  }
19}
20
21</script>
22</body>
23</html>

問題点・試してみたこと

切り分けて実装してみたところ、gsへ値わたしをしなく、gsのメソッドのみを行い、そのreturnだけを返すことを試しましたが、そのメソッドじたいが実行できていませんでした。他のアプローチ方法もあるかと思うのですが、もっとも簡単な方法がこのやり方だと考えております。
このやり方として何がおかしくデータやりとりができないのか疑問でなりません。どなたかアドバイスよろしくお願い致します。

補足情報（FW/ツールのバージョンなど）

win10
firefox
[参考サイト]ITサラリーマン日記

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

回答2件

ベストアンサー

スクリプト全体としては動作すると思われます。そこで、明確な修正ポイントではないので恐縮ですが、念のため下記をご確認ください。

document.getElementById(“TEST”).innerHTML = data;の“TEST”で使われているダブルコーテーションを"TEST"に変更してください。
質問内のスクリプトから、Web Appsとしてデプロイしているように思われます。この場合、スクリプトを修正した際は新たなバージョンとしてデプロイしなおした後、あるいは「最新のコード」でテストとして実行してください。これにより最新のスクリプトが反映されます。
return HtmlService.createTemplateFromFile("UserForm").evaluate()のUserFormが使用したいHTMLのファイル名であるかどうかご確認ください。

投稿2019/04/26 05:05