質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
86.12%
Google スプレッドシート

Google スプレッドシートは、フリーで利用できる表計算ソフト。Webアプリのためインターネットに接続することで利用できます。チャートやグラフの作成のほか、シートを他のユーザーと共有したり、同時に作業を進めることも可能です。

Google Apps Script

Google Apps ScriptはGoogleの製品と第三者のサービスでタスクを自動化するためのJavaScriptのクラウドのスクリプト言語です。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

解決済

GASでスプレッドシートから取得した変数のHTMLへの受け渡し方

kohaku111
kohaku111

総合スコア2

Google スプレッドシート

Google スプレッドシートは、フリーで利用できる表計算ソフト。Webアプリのためインターネットに接続することで利用できます。チャートやグラフの作成のほか、シートを他のユーザーと共有したり、同時に作業を進めることも可能です。

Google Apps Script

Google Apps ScriptはGoogleの製品と第三者のサービスでタスクを自動化するためのJavaScriptのクラウドのスクリプト言語です。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

1回答

0リアクション

0クリップ

181閲覧

投稿2022/09/15 13:52

前提

点数を入力したスプレッドシートをGASで取得してきてHTMLで表示しようとしています。

実現したいこと

スプレッドシートから取得してきたGASの変数をどうすればHTMLに受け渡せるのでしょうか?
自分でいろいろ調べながら試行錯誤してみてもなかなかうまくいかず…
なにぶん初心者なのでコートに変な場所が多くあるともいますが指摘してくださると助かります。

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

いろいろ自分で調べてやっているとこんなエラーコードが出ました。

SyntaxError: Unexpected token '>'

おそらく">"がいらないという意味なのでしょうが、
上のコードのどこにも">"は使っていないため直し方が分からず…
そもそもどこからコードがあっているかもわかりません…
教えてくださると助かります。

コード

GAS

function doGet() { const ss = SpreadsheetApp.getActiveSpreadsheet(); const sheet = ss.getSheetByName('シート1'); var range1 = sheet.getRange('K31:Q31'); var values1 = range1.getValues(); var range2 = sheet.getRange('K32:Q32'); var values2 = range2.getValues(); var range3 = sheet.getRange('K33:Q33'); var values3 = range3.getValues(); const grade3 = values3.flat(); const grade2 = values2.flat(); const grade1 = values1.flat(); let[class31,class32,class33,class34,class35,class36,class37,class38] = (grade3); let[class21,class22,class23,class24,class25,class26,class27,class28] = (grade2); let[class11,class12,class13,class14,class15,class16,class17,class18] = (grade1); var score = HtmlService.createTemplateFromFile('表示.html'); let t = [class11,class12,class13,class14,class15,class16,class17,class18,class21,class22,class23,class24,class25,class26,class27,class28,class31,class32,class33,class34,class35,class36,class37,class38]  return score.ad=t,score.evaluate(); }

HTML

<!DOCTYPE html> <html> <head> </head> <body> <center>    得点表 <table border="1"align="center"> <tr bgcolor="red"align="center" > <th>1-1</th> <th>1-2</th> <th>1-3</th> <th>1-4</th> <th>1-5</th> <th>1-6</th> <th>1-7</th> <th>1-8</th> </tr> <tr align="center"> <td><?=class11 ?></td> <td><?=class12 ?></td> <td><?=class13 ?></td> <td><?=class14 ?></td> <td><?=class15 ?></td> <td><?=class16 ?></td> <td><?=class17 ?></td> <td><?=class18? ></td> </tr> </table> </body> <head> </head> <body> <table border="1"align="center"> <tr bgcolor="blue"align="center" > <th>2-1</th> <th>2-2</th> <th>2-3</th> <th>2-4</th> <th>2-5</th> <th>2-6</th> <th>2-7</th> <th>2-8</th> </tr> <tr align="center"> <td><?=class21 ?></td> <td><?=class22 ?></td> <td><?=class23 ?></td> <td><?=class24 ?></td> <td><?=class25 ?></td> <td><?=class26 ?></td> <td><?=class27 ?></td> <td><?=class28 ?></td> </tr> </table> </body> <head> </head> <body> <table border="1"align="center"> <tr bgcolor="yellow"align="center" > <th>3-1</th> <th>3-2</th> <th>3-3</th> <th>3-4</th> <th>3-5</th> <th>3-6</th> <th>3-7</th> <th>3-8</th> </tr> <tr align="center"> <td><?=class31 ?></td> <td><?=class32 ?></td> <td><?=class33 ?></td> <td><?=class34 ?></td> <td><?=class35 ?></td> <td><?=class36 ?></td> <td><?=class37 ?></td> <td><?=class38 ?></td> </tr> </table> </body> </html>

以下のような質問にはリアクションをつけましょう

  • 質問内容が明確
  • 自分も答えを知りたい
  • 質問者以外のユーザにも役立つ

リアクションが多い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

気になる質問をクリップする

クリップした質問は、後からいつでもマイページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

下記のような質問は推奨されていません。

  • 間違っている
  • 質問になっていない投稿
  • スパムや攻撃的な表現を用いた投稿

適切な質問に修正を依頼しましょう。

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
86.12%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問

同じタグがついた質問を見る

Google スプレッドシート

Google スプレッドシートは、フリーで利用できる表計算ソフト。Webアプリのためインターネットに接続することで利用できます。チャートやグラフの作成のほか、シートを他のユーザーと共有したり、同時に作業を進めることも可能です。

Google Apps Script

Google Apps ScriptはGoogleの製品と第三者のサービスでタスクを自動化するためのJavaScriptのクラウドのスクリプト言語です。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。