GASでのリンクの作成について

Question

##現状及び解決したいこと
現在GASでwebアプリケーションを作成しています。
顧客検索システムで、index.htmlで表示してあるフォームからdoPost関数を実行し、
実行結果を再びindex.htmlに表示するといった流れです。

今回は検索結果としてURLをリンクにしたいのですが、現状ではURLが文字列として表示されており、リンクになりません。

##該当コード

<? 
  for(var i=1;i<data.length;i++){
　　　　　　<!-- 検索結果をリスト状にして表示 -->
          output._=('<tr>');
          output._=('<td>' + data[i][0] + '</td>');
          output._=('<td>' + data[i][6] + '</td>');
          <!-- 　↓　urlの検索結果 -->
          output._=('<td>' + data[i][3] + '</td>');
          output._=('</tr>');
        }
       }
?>

配列dataに検索結果が格納されています。
本来リンクを作成する場合はaタグを使うかと思いますが、今回はスクリプトの実行結果を埋め込みたいため、

<? xxxxxxx ?>という記法を使っており、この場合のリンクの作成方法がわかりません。

どなたかご教授いただきたいです。
宜しくお願い致します

Comments

[3_April_2021]

Scriptletは軽く使っただけなので詳しくコメントすることはできませんが、

おそらく参考になるんじゃないでしょうか。
[iroiroさん](https://surleconomiejp.blogspot.com/2017/02/google-apps-script-htmlhtml.html)

[3_April_2021]

読んだり理解したりできなくても、キーワードの参考にはなると思います

https://developers.google.com/apps-script/guides/html/templates#scriptlets

Answer 1

少し調べて自分で試してみました。
**<? ?>**内にGASのスクリプトが書けて、output._ = でHTMLの出力が出来るようですね。以下のようなコードが参考になると思います。

<? 
  var sheet = SpreadsheetApp.getActive().getSheetByName("シートの名前");
  var data = sheet.getDataRange().getValues();

  var result = `<table border="1">`;
  for (var i = 1; i < data.length; i++) {
      result += `<tr>
                  <td>${data[i][0]}</td>
                  <td>${data[i][6]}</td>
                  <td><a href="${data[i][3]}" target="_blank">${data[i][3]}</a></td>
                </tr>`;
  }
  result += `</table>`;
  output._ = result;
?>

Answer 2

試していないので動くかわかりませんが、下のコードで出来ませんか？

<!-- 　↓　urlの検索結果 -->
output._ = '<td><a href="' + data[i][3] + '" target="_blank">' + data[i][3] + "</a></td>";
output._ = "</tr>";

Comments

[kenken33]

ご返信ありがとうございます！
実はこちらの記述ですとエラーが出てしまいます。

Exception: 形式が正しくない HTML コンテンツ:

とありますので、おそらく構文エラーかと思われます