LESSON-01 · checkpoint

只修正一個 JavaScript 路徑

Starter 的三個成果已保留，這裡只故意留下 JavaScript 路徑錯誤；先看 Network，再動手修正。

Starter三個小成果

Checkpoint一個路徑缺口

Solution四個驗收結果

開始前確認

入口：開啟 Checkpoint 可執行入口，重新整理後先看 Network。

現象：畫面仍能出現，但 js/missing.js 回應 404，JavaScript 沒有執行。

限制：只改 files/index.html 的 script src，不改 CSS 或 files/js/main.js。

目的：用 Network 的請求 URL 與狀態碼修正真實路徑。
修改檔案：files/index.html
程式碼位置：script src。

現在要做：先重現 404，再只修正 script src。
貼上位置：files/index.html 結尾的 script。

<script src="js/main.js"></script>

預期結果：重新整理後，js/main.js 請求成功，Console 出現載入訊息，按鈕也能更新狀態。

驗收證據：Network 不再出現 js/missing.js；檔案樹與請求 URL 對得上。

卡住時先看這裡

常見錯誤：只看畫面而未查 Network。
第一個檢查：先對照 Network 完整 URL 與 js/ 檔案樹。

開啟 checkpoint 可執行入口；工作檔案：files/index.html、files/css/style.css、files/js/main.js。

修正完成後，先說出 404 的原因，再到 Solution 核對三個檔案責任。