前面花了十多天的時間，描述怎麼從學習把 HTML 骨架打好，再用 CSS 幫網頁畫好美美的視覺與排版。網頁看起來已經像模像樣了，但以目前來說，它目前還只是一張「好看的靜態海報」。

而我準備正式進入前端三劍客的最後一位——JavaScript（JS）！

簡單來說，HTML 和 CSS 負責「網頁看起來長怎樣」，而 JavaScript 則負責「點了之後會發生什麼事」。
系列一開始已經有提過類似的概念，但現在認為有更貼切一點點的理解，如果用做動畫或遊戲設計來比喻的話：

• HTML：畫出角色的骨架與原畫稿。
• CSS：幫角色上色、設計服裝與風格。
• JavaScript：幫角色寫控制腳本！讓他按按鈕會跳躍、受到攻擊會扣血、點擊時會做出反應。

最常見的例子就像是網頁上的「深色 / 淺色模式切換」：
HTML 負責畫出切換按鈕，CSS 把按鈕設計得精緻漂亮，但真正讓「點擊按鈕時，整個網頁背景瞬間變黑」的背後功臣，就是 JavaScript。

從這一刻開始，感覺自己終於要開始設定網頁的「互動機制」了！

Day 22，JavaScript 登場！
準備好要開始研究怎麼用程式碼讓網頁產生各種反應了