第二次上課的心得

這一次上課主要是介紹JavaScript的document.getElementById()
因為有不少標籤，例如<p>、<div>是可以自定id，
便可以用document.getElementById()將一些程式碼放在某一個指定id的地方。
這樣子就可以製作一個簡單的動態網頁。

╠═╬═╬═╬═╬═╬═╬═╬═╬═╬═╬═╬═╬═╬═╬═╬═╬═╬═╬═╣

可以用一個簡單的例子解釋一下這個東西：

這個是一個HTML碼，<p></p>是paragraph的意思，這個paragraph的ID是demo，而paragraph裡會出現「Click the button!」這段文字。而<script></script>裡面的內容就是要改變段落裡面的內容。
「document.getElementById("demo").innerHTML = "Hello World";」這一句是要把Hello World這個HTML碼放在demo所在的位置，就是「Click the button!」的位置。所以只要我們按下按鈕，網頁就會執行myFunction()這個程式，把「Click the button!」換成「Hello World」。所以用這個方法便可以做出一個簡單動態網頁。

╠═╬═╬═╬═╬═╬═╬═╬═╬═╬═╬═╬═╬═╬═╬═╬═╬═╬═╬═╣

然後，可以寫一個類相簿的功能來練習一下：
https://jsfiddle.net/21f6edp2/3/
裡面有4張照片，可以通過「上一張」、「下一張」來換照片。