目前進度 3/4
STEP GUIDE · Checkpoint 2
這一步聚焦 TASK-02;下方只比較「Checkpoint 1 → Checkpoint 2」的真實異動。
預計修改:script.js
完成後:按下載入後立即顯示讀取中
完成後:成功取得兩筆遠端格式資料
完成後:loading 立即出現,成功安全顯示卡片,空資料與失敗各有明確訊息
展開檔案卡查看必要差異;只有程式碼區可以橫向捲動。
檔案:index.html
index.html
前一步與本步驟沒有實質差異。
本步驟不需修改此語言。
檔案:style.css
style.css
檔案:script.js
script.js
return [];
const response = await fetch(url); if (!response.ok) throw new Error(`HTTP ${response.status}`); return response.json();
檔案:README.md
README.md
本練習沒有這個檔案。
先開啟 DevTools 的 Network 與 Console 面板。
在 DevTools Console 執行 requestItems(successUrl).then(console.log),確認得到兩筆物件;此階段畫面仍只顯示讀取中,渲染留到下一步。
成功取得兩筆遠端格式資料
完成後可見:成功取得兩筆遠端格式資料
內建 JSON 練習
尚未載入