三項 Task 進度

TASK-01本步驟處理

建立 mock 或 GAS 請求函式

預計修改：script.js

完成後：頁面能取得固定欄位的回應

TASK-02稍後處理

正規化並安全顯示 Sheet rows

預計修改：script.js

完成後：空值與 Live 文字都以安全文字節點顯示

TASK-03稍後處理

顯示資料模式與失敗備援

預計修改：script.js

完成後：畫面區分 mock、空資料、合法 GAS /exec 與其他 JSON，live 失敗時可改用備援

HTML、CSS、JavaScript 與文件實際異動

展開檔案卡查看必要差異；只有程式碼區可以橫向捲動。

HTML本步驟無異動

檔案：index.html

修改前

前一步與本步驟沒有實質差異。

修改後

本步驟不需修改此語言。

CSS本步驟無異動

檔案：style.css

修改前

前一步與本步驟沒有實質差異。

修改後

本步驟不需修改此語言。

JavaScript本步驟有異動

檔案：script.js

修改前

  return [];

修改後

  if (url === "mock") return mockRows;
  if (url === "mock-empty") return [];
  const response = await fetch(url);
  if (!response.ok) throw new Error(`HTTP ${response.status}`);
  const data = await response.json();
  return data.rows;

README／其他文件本練習未使用

檔案：README.md

修改前

本練習沒有這個檔案。

修改後

本步驟不需修改此語言。

怎麼看到結果

準備
先以 mock 模式操作；測 live 前再準備可用的 GAS 網址。
操作
在 DevTools Console 執行 requestRows('mock').then(console.table)，確認取得兩筆固定格式的資料；畫面載入流程留到 Solution。
預期
頁面能取得固定欄位的回應

Checkpoint 1 TASK-01

建立 mock 或 GAS 請求函式

完成後可見：頁面能取得固定欄位的回應

MOCK 備援

Sheet 產品資料

資料端點輸入 mock、mock-empty，或教師提供的 HTTPS GAS /exec URL；其他網址不會標成 LIVE GAS。

尚未載入