|
51 | 51 | 💡 **使用模式:Ask** |
52 | 52 |
|
53 | 53 |
|
54 | | -### 階段 2:實戰修復 (10分鐘) |
| 54 | +### 階段 2:基礎修復 (5分鐘) |
55 | 55 |
|
56 | | -#### 步驟 2:Edit 連續快速修復 (Edit) |
| 56 | +#### 步驟 2:Edit 快速修復明顯錯誤 (Edit) |
57 | 57 | 📌 **Context 準備**:開啟 `script.js` 並點擊檔案標籤上的 **+** 加入 context |
58 | 58 |
|
59 | 59 | ``` |
|
65 | 65 | 💡 **使用模式:Edit** |
66 | 66 |
|
67 | 67 |
|
68 | | -#### 步驟 3:Agent 處理計算邏輯 (Agent) |
69 | | -📌 **Context 準備**:保持 `script.js` 在 context 中(Agent 會自動分析需要的檔案) |
| 68 | +#### 步驟 3:Edit 修復 UI 互動問題 (Edit) |
| 69 | +📌 **Context 準備**:確保 `script.js` 在 context 中 |
70 | 70 |
|
71 | 71 | ``` |
72 | | -請修復購物車的所有計算相關問題,包括總金額、運費、優惠券折扣的完整邏輯,並實現免運費功能。 |
| 72 | +修復以下 UI 互動問題: |
| 73 | +1. 移除第 145 行多餘的 event.preventDefault() |
| 74 | +2. 修正第 158 行的數量輸入框事件監聽器 |
| 75 | +3. 修復第 167 行的移除按鈕事件綁定 |
73 | 76 | ``` |
74 | | -💡 **使用模式:Agent** |
75 | | -🔄 **開啟新對話** |
| 77 | +💡 **使用模式:Edit** |
76 | 78 |
|
77 | 79 |
|
78 | | -#### 步驟 4:Agent 實現缺失功能 (Agent) |
79 | | -📌 **Context 準備**: |
80 | | -- 保持 `script.js` 在 context 中 |
81 | | -- 可選:加入 `index.html` 了解 HTML 結構(點擊檔案標籤上的 **+**) |
| 80 | +### 階段 3:核心修復 (8分鐘) |
| 81 | + |
| 82 | +#### 步驟 4:Agent 修復計算邏輯 (Agent) |
| 83 | +📌 **Context 準備**:保持 `script.js` 在 context 中(Agent 會自動分析需要的檔案) |
82 | 84 |
|
83 | 85 | ``` |
84 | | -請實現這些缺失的功能: |
85 | | -1. 結帳後自動清空購物車 |
86 | | -2. 數量輸入框變更時自動更新購物車 |
87 | | -3. 移除商品時加入確認提示 |
| 86 | +請修復購物車的所有計算相關問題,包括總金額、運費、優惠券折扣的完整邏輯,並實現免運費功能。 |
88 | 87 | ``` |
89 | 88 | 💡 **使用模式:Agent** |
| 89 | +🔄 **開啟新對話** |
90 | 90 |
|
91 | 91 |
|
92 | | -#### 步驟 5:Ask 深入分析邏輯問題 (Ask) |
| 92 | +#### 步驟 5:Ask 深入分析系統問題 (Ask) |
93 | 93 | 📌 **Context 準備**:無需額外準備,使用 @workspace 進行深入分析 |
94 | 94 |
|
95 | 95 | ``` |
96 | | -@workspace 分析購物車的優惠券系統邏輯,找出所有相關的計算問題和缺失功能。 |
| 96 | +@workspace 分析這個購物車系統還有哪些缺失的核心功能和邏輯問題? |
97 | 97 | ``` |
98 | 98 | 💡 **使用模式:Ask** |
99 | 99 |
|
100 | 100 |
|
101 | | -#### 步驟 6:Edit 修復 UI 互動問題 (Edit) |
102 | | -📌 **Context 準備**:確保 `script.js` 在 context 中 |
103 | | - |
104 | | -``` |
105 | | -修復以下 UI 互動問題: |
106 | | -1. 移除第 145 行多餘的 event.preventDefault() |
107 | | -2. 修正第 158 行的數量輸入框事件監聽器 |
108 | | -3. 修復第 167 行的移除按鈕事件綁定 |
109 | | -``` |
110 | | -💡 **使用模式:Edit** |
111 | | - |
112 | | - |
113 | | -### 階段 3:進階修復與優化 (5分鐘) |
114 | | - |
115 | | -#### 步驟 7:Agent 重構優惠券系統 (Agent) |
116 | | -📌 **Context 準備**:保持 `script.js` 在 context 中 |
| 101 | +#### 步驟 6:Agent 實現缺失功能 (Agent) |
| 102 | +📌 **Context 準備**: |
| 103 | +- 保持 `script.js` 在 context 中 |
| 104 | +- 加入 `index.html` 了解 HTML 結構(點擊檔案標籤上的 **+**) |
117 | 105 |
|
118 | 106 | ``` |
119 | | -請重構整個優惠券系統,包括: |
120 | | -1. 實現多種優惠券類型(固定金額、百分比折扣) |
121 | | -2. 加入優惠券有效性驗證 |
122 | | -3. 確保優惠券與免運費規則正確結合 |
| 107 | +請實現這些缺失的功能: |
| 108 | +1. 結帳後自動清空購物車 |
| 109 | +2. 數量輸入框變更時自動更新購物車 |
| 110 | +3. 移除商品時加入確認提示 |
123 | 111 | ``` |
124 | 112 | 💡 **使用模式:Agent** |
125 | | -🔄 **開啟新對話** |
126 | 113 |
|
127 | 114 |
|
128 | | -#### 步驟 8:Agent 完善使用者體驗 (Agent) |
| 115 | +### 階段 4:進階優化 (5分鈘) |
| 116 | + |
| 117 | +#### 步驟 7:Agent 完善使用者體驗 (Agent) |
129 | 118 | 📌 **Context 準備**:將 `script.js` 和 `index.html` 都加入 context |
130 | 119 |
|
131 | 120 | ``` |
|
136 | 125 | 4. 為購物車商品加入簡單的動畫效果 |
137 | 126 | ``` |
138 | 127 | 💡 **使用模式:Agent** |
| 128 | +🔄 **開啟新對話** |
| 129 | + |
| 130 | + |
| 131 | +#### 步驟 8:Edit 細節調整 (Edit) |
| 132 | +📌 **Context 準備**:保持 `script.js` 在 context 中 |
| 133 | + |
| 134 | +``` |
| 135 | +請進行最後的細節調整: |
| 136 | +1. 在購物車為空時顯示提示文字 |
| 137 | +2. 調整優惠券輸入框的 placeholder 文字 |
| 138 | +3. 修正結帳按鈕的文字為「立即結帳」 |
| 139 | +``` |
| 140 | +💡 **使用模式:Edit** |
139 | 141 |
|
140 | 142 |
|
141 | | -### 階段 4:延伸應用 (3分鐘) |
| 143 | +### 階段 5:延伸應用 (2分鐘) |
142 | 144 |
|
143 | 145 | #### 步驟 9:產生測試案例文件 (Agent) |
144 | 146 | 📌 **Context 準備**:將 `script.js` 和 `index.html` 都加入 context(點擊檔案標籤上的 **+**) |
|
0 commit comments