Starter 要做什麼
先看見缺口，再完成一個小修改。
本主題檔案：files/js/checkout.js
定位：先數 FormData 五個購買人 key，再手算三個金額。
Starter · code-edit
Checkout 訂單欄位與預估金額
先看見缺口，再完成一個小修改。
本階段驗收
頁面不會替你修改檔案；請在實作檔完成後重新整理確認。
目前要處理
本地 fixture 已準備 Checkout 訂單欄位與預估金額 的最小資料，尚未執行驗收。
預期看到
五個輸入與四個顯示責任均有固定 key。
buyer/gender/phone/address/email + subtotal/shipping/total/status檔案清單
只在本階段資料夾內操作，避免改到其他章節。
assets/logo-mark.svg
本地商品或品牌資產：不依賴外部圖片服務。assets/product-band.svg
本地商品或品牌資產：不依賴外部圖片服務。assets/product-bench.svg
本地商品或品牌資產：不依賴外部圖片服務。assets/product-bike.svg
本地商品或品牌資產：不依賴外部圖片服務。assets/product-dumbbell.svg
本地商品或品牌資產：不依賴外部圖片服務。assets/product-kettlebell.svg
本地商品或品牌資產：不依賴外部圖片服務。assets/product-mat.svg
本地商品或品牌資產：不依賴外部圖片服務。cart.html
鐵刻運動電商頁面或發佈檔案。checkout.html
鐵刻運動電商頁面或發佈檔案。contact.html
鐵刻運動電商頁面或發佈檔案。css/style.css
黃色與鐵灰共用樣式：包含響應式版面、focus 與可讀狀態。index.html
鐵刻運動電商頁面或發佈檔案。js/api.js
原生 JavaScript：負責商品、購物車、表單、local mock 或 GAS 測試契約。js/cart.js
原生 JavaScript：負責商品、購物車、表單、local mock 或 GAS 測試契約。js/checkout.js
原生 JavaScript：負責商品、購物車、表單、local mock 或 GAS 測試契約。js/common.js
原生 JavaScript：負責商品、購物車、表單、local mock 或 GAS 測試契約。js/config.js
原生 JavaScript：負責商品、購物車、表單、local mock 或 GAS 測試契約。js/contact.js
原生 JavaScript：負責商品、購物車、表單、local mock 或 GAS 測試契約。js/home.js
原生 JavaScript：負責商品、購物車、表單、local mock 或 GAS 測試契約。js/order-success.js
原生 JavaScript：負責商品、購物車、表單、local mock 或 GAS 測試契約。js/products.js
原生 JavaScript：負責商品、購物車、表單、local mock 或 GAS 測試契約。js/store.js
原生 JavaScript：負責商品、購物車、表單、local mock 或 GAS 測試契約。order-success.html
鐵刻運動電商頁面或發佈檔案。products.html
鐵刻運動電商頁面或發佈檔案。
證據：count=9、uniqueCount=9、valid=true
前往 Checkpoint →