讓靜態介面「活」過來
今天，我們要透過自然語言，請 AI 幫我們建立輕量且高效的狀態管理邏輯，讓點擊鍵盤的動作能無縫即時反映在畫面上。
用提示詞賦予 UI 靈魂
AI Prompt:
@js/components/set-row.js @css/components.css
現在你是前端狀態管理專家。需要把目前已製作的「純數字鍵盤」與「健身組數列 (Set Row)」建立即時連動的狀態邏輯。
實作要求：
狀態儲存： 在 @set-row.js 中建立一個簡單的內部狀態或類別 (Class)，用來記錄當前正在編輯的數值（例如：重量 weight、次數 reps）。
事件綁定： 當使用者點擊數字鍵盤上的任一數字或退格鍵時，狀態必須即時更新。
UI 即時渲染： 將更新後的數值立即渲染到畫面的對應輸入框中，不需要重新整理頁面。
防呆機制： 限制輸入位數（例如重量最多 3 位數），確保在手機端點擊時不會超出版面。
實際畫面:
iThome鐵人賽
看影片追技術