一、建立已完成

昨天我們已經成功在 VS Code 建立環境，也讓瀏覽器跑出了第一段 JavaScript。

但各位有沒有想過一個問題：

「HTML 可以做網頁，CSS 可以讓網頁變漂亮，那為什麼還需要 JavaScript？」

這個問題我覺得在正式開始之前一定要先搞懂。

二、HTML、CSS、JavaScript

先用最簡單的方式來理解。HTML 負責網頁的 「結構」。告訴瀏覽器這個網頁裡面有什麼。

例如：

<h1>JavaScript</h1>
<button>點我</button>

button是按鈕的意思

CSS 負責網頁的 「外觀」。可以控制顏色、大小、位置等等，讓原本樸素的網頁變得漂亮。

h1{
    color:blue;
}

那你認為 JavaScript 呢？JavaScript 負責讓網頁 「做事情」。

現在我希望按下按鈕後JavaScript這段文字會有變化，這時候就需要JavaScript出場支援，請牢牢記住以下這段!!!!

👉🏻 HTML → 網頁有什麼、 CSS → 網頁長什麼樣子 、JavaScript → 網頁可以做什麼

三、JavaScript到底怎麼控制網頁

既然已經認知到 JavaScript 可以讓網頁動起來，那它到底是怎麼找到 HTML 裡面的按鈕、文字呢？

這就是下一篇要認識的 DOM！

開始讓 JavaScript 真正控制我們的網頁吧!!!!