【GAS】WEBアプリでハイパーリンクを挿入したい

下記URLのスプレッドシートでWEBアプリを作っているのですが、
HTML表示をしたとき、URLが入力されたセルの値をハイパーリンクにする方法がわかりません。

<やりたいこと>
HTML表示の「詳細」列にURLがありますが、
これをリンク付きの「表示する」というテキストに置き換えたいです。

GASの「index.html」ファイルに何らかのコードを記述するのだと思うのですが、
どうしてもわかりません。

恐れ入りますが、どなたかお分かりの方がおられましたら、
ご教授いただけましたら幸いです。

宜しくお願い申し上げます。

■スプレッドシートのURL
https://docs.google.com/spreadsheets/d/1WpNU6o1YBN_Kyxl_SqmeeOad4zrPaDhrpJTGLwiA6G8/edit#gid=0

■HTML表示のURL
https://script.google.com/macros/s/AKfycbzyHYVKHl4to8Dqg1nDzs1DfsDdQMVBBC_q7JM1ylYeaYt3MxY4_2MF1_37MPEffcmX/exec

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

回答1件

ベストアンサー

index.htmlを下記のように直してみて下さい。

html
1<!DOCTYPE html>
2<html>
3  <head>
4    <base target="_top">
5    <?!= HtmlService.createHtmlOutputFromFile('css').getContent(); ?>
6  </head>
7  <body>
8    <h1 id="h1">イベント日程</h1>
9    <table border="1">
10      <tr><th>項目</th><th>詳細</th></tr>
11      <? for(var i = 1; i < links.length; i++){ ?>
12      <? var link = links[i]; ?>
13      <tr>
14        <td>
15          <?= link[0] ?>
16        </td>
17        <td>
18          <? if (link[1].startsWith("http")) { ?>
19            <a href='<?= link[1] ?>'>リンクを表示</a>
20          <? } else { ?>
21            <?= link[1] ?>
22          <? } ?>
23        </td>
24      </tr>
25      <? } ?>
26    </table>
27  </body>
28</html>