STEP GUIDE · Starter

這個步驟要做什麼、改哪裡、怎麼看結果

先讀完三項任務並預測結果。這一頁不會顯示 Solution 程式碼。

01

三項 Task 進度

TASK-01尚未開始

將本機變更加入 mock 同步佇列

預計修改：script.js

完成後：每筆變更顯示不同短 id，待同步數量增加且重整後仍保留

TASK-02尚未開始

驗證離線全批保留與線上全批移除

預計修改：script.js

完成後：離線同步時全批保留，回到線上同步後全批移除

TASK-03尚未開始

提供重試與部署前檢核

預計修改：script.js

完成後：離線重整不丟件；恢復模擬網路後成功移除並顯示 GAS 邊界

02

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

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

HTML本步驟無異動

檔案：index.html

修改前

Starter 已提供這個檔案。

修改後

三項任務都不需修改此檔案。
CSS本步驟無異動

檔案：style.css

修改前

Starter 已提供這個檔案。

修改後

三項任務都不需修改此檔案。
JavaScript先自行嘗試

檔案：script.js

修改前

請先閱讀上方任務與預計修改檔案。

修改後

Starter 不顯示完成碼，請先自己動手修改。
README／其他文件本練習未使用

檔案：README.md

修改前

本練習沒有這個檔案。

修改後

本步驟不需修改此類型。
03

怎麼看到結果

  1. 準備

    先重新整理並確認 mock 同步佇列為初始狀態。

  2. 操作

    按「新增一筆本機變更」兩次，確認每次都讓待同步數量增加，且清單顯示兩個不同 id 的變更。

  3. 預期

    畫面顯示兩筆變更與兩個不同短 id，待同步數量為 2
Starter TASK-01

將本機變更加入 mock 同步佇列

完成後可見：每筆變更顯示不同短 id，待同步數量增加且重整後仍保留

MOCK SYNC

待辦事項 Mock 同步中心

待同步 0 筆

尚未執行部署預檢