互動元件實作

把前面學的全部串起來：表單 + DOM + 事件 = 真正能用的互動元件。 這一課做三個實用小元件，都是真實網站上常見的。

元件一：FAQ 手風琴

元件二：Tab 分頁切換

元件三：即時字數統計表單

AI 協作：學了這個，跟 AI 怎麼配合？

把表單 + DOM + 事件組合起來，你就能做出真正的互動網頁。AI 幫你組裝，你決定體驗流程。

你的人類優勢：

• 你站在使用者角度，知道怎樣的互動體驗才順暢
• 你能測試各種邊界情況（空白輸入、連續點擊、手機操作）

可以這樣跟 AI 說：

幫我做一個 TODO List：有輸入框和新增按鈕，按下新增後項目出現在列表裡，每個項目旁有刪除按鈕。

練習題