載入中…
載入中…
學習 JavaScript 核心語法與 DOM 操作，實作事件監聽、AJAX 資料請求，讓靜態網頁變成互動應用。
每章講義 PDF 可免費線上預覽；範例程式碼與打包下載請進入各章節頁。
講義教材整理中，敬請期待。
用純 JavaScript 建立待辦清單：可新增項目（按 Enter 或按鈕）、點擊項目標記完成（顯示刪除線）、點擊 ✕ 刪除項目、顯示剩餘未完成數量。
用 event delegation 在父元素監聽子元素的點擊事件，避免對每個項目個別監聽。
建立一個報名表單（姓名、Email、電話、密碼、確認密碼），實作即時驗證：每個欄位 blur 時檢查，錯誤訊息顯示在欄位下方，所有欄位正確才能提交。
用正規表達式驗證 Email 格式，密碼比對在兩個密碼欄位的 input 事件中即時更新。
使用 Open-Meteo 免費 API（無需 API Key），建立天氣查詢應用：輸入城市名稱後取得當前天氣與未來 7 天預報，用圖表顯示溫度趨勢。
先用 Nominatim API 將城市名轉換成經緯度，再呼叫 Open-Meteo API 取得天氣資料，用 Canvas 或 SVG 畫折線圖。