這邊來分享如何透過 JS 去更動網頁的內容，我們會透過 ID 與 textcontent 的方法完成！
啥～什麼是 ID 啊？如果你有寫過 HTML與CSS 我們一定寫過這樣的語法。

HTML

 <div id="demo">我是標題</div>

CSS

#demo{
    color: blue;
    font-size: 60px;
}

在 css 內使用 # 等同於是 id 的意思就可以去更動 html 的樣式變更顏色文字大小等等....
在 JavaScript 的領域也是一樣可以去選取 id 再去賦予一個動作，JS 的語法是長這模樣的。

document.getElementById('demo').textContent="我把標題改了！"

來翻譯一下上面這串程式碼是啥意思！

document
就是這份文件的意思

getElementById('demo')
在 JS 內有許多的函式其中 getElementById 就是其中之一它的功能是去抓取文件中的 id 後面再放這個 id 的名字。

textContent
也是一個函式，功能是變更裡面的文字內容後面當然就是放要改的內容囉！

你會看到中間都會有一個點· 指的是獲取屬性或使用一個函式的意思，上面這樣的語法會經常的使用到所以要特別了解他的意思喔～

我寫了一個 DEMO 大家可以去瞧瞧看看效果如何！