Chapter 07

讓網頁動起來

把 HTML、CSS、JavaScript 串起來，做出按鈕、輸入框、表單送出、畫面更新與錯誤提示。

互動流程

1. HTML 提供輸入框、按鈕與顯示區。
2. CSS 讓畫面清楚易讀。
3. JavaScript 監聽使用者操作。
4. JavaScript 檢查資料並更新 DOM。

Prompt 範例

請幫我用 HTML、CSS、JavaScript 做一個 Prompt 筆記小工具。使用者可以輸入 prompt，按下按鈕後加入清單；如果輸入空白，要顯示錯誤訊息。請使用初學者能理解的寫法，不要使用任何框架。

範例檔案

本章範例在 examples/ch07-prompt-notes/。