當我們了解 JS 的一些基礎之後，可以試著結合 html 去製造一歇效果，讓網頁動起來。動起來之前會有一個時間點，可能是剛載入網頁資料的時候，可能是做了什麼動作的時候，以下表格(參考W3School)。
| 事件 | 行為 | 例子 |
|---|---|---|
| onchange | 當元素改變 | selector |
| onclick | 當點下 HTML 元素 | 點擊後送出資料或選擇該元素 |
| onmouseover | 當滑鼠通過 HTML 元素 | 提示效果，通常會搭配 onclick |
| onmouseout | 當滑鼠離開 HTML 元素 | |
| onkeydown | 當按下鍵盤 | 抓取值顯示 |
| onload | 當瀏覽器載入頁面時後 | 串接 API 更改資料列 |
來玩玩三個有趣的監聽件事，onresize、onload、shiftKey，
其實寫法很簡單，都是在 tag 裡面
加上你要執行的 function 名稱
<element event='some JavaScript'>
在例子中我們通常很難感受到效果，直到實際去操作。而 W3School 提供很多有趣的例子跟實驗平台，可以快速地以實踐為學習。推薦一開始從此下手。
學習連結
iThome鐵人賽
看影片追技術