依關鍵字與價格查找產品
修改檔案：script.js
完成後看見：可以關鍵字、價格或兩者查找產品
PRODUCT LIST
產品列表控制台
把一批產品資料，逐步變成可查找、可翻頁、守住邊界的列表。
查找產品
關鍵字與價格條件會一路保留；每一階段只新增一個責任。
操作後請回頭看右側卡片與頁碼，確認畫面是否跟著狀態一起改變。
RESULTS
產品清單
7 筆資料
CHAPTER 22 · PRACTICE WORKSPACE
完成可前後翻頁的產品列表
TASK STATUS
修改檔案：script.js
完成後看見：可以關鍵字、價格或兩者查找產品
修改檔案：script.js
完成後看見：查找結果每頁最多三筆，卡片與頁碼同步
修改檔案：script.js
完成後看見：首末頁按鈕正確停用，無查找結果時顯示 0 / 0 且兩鍵停用
WORKSPACE
先確認作品目前能做什麼、還缺什麼，再從 TASK-01 開始修改。
PRODUCT LIST
把一批產品資料，逐步變成可查找、可翻頁、守住邊界的列表。
關鍵字與價格條件會一路保留；每一階段只新增一個責任。
操作後請回頭看右側卡片與頁碼，確認畫面是否跟著狀態一起改變。
RESULTS
7 筆資料
CONTINUE
下載版只包含 Starter；完成本頁操作後，請回線上教材進入 Checkpoint 1。