本日小作品：
https://codepen.io/linchinhsuan/pen/xxVmQaR

練習重點摘要：

var el = .......

JavaScript用var宣告變數。這裡的意思是宣告一個名為el的變數，此時在尚未賦值之前，其為Undefined。透過等號（這裡是將右方的內容賦值到變數上的意思）賦值給變數。

document.getElementById("totalBtn")

透過Id選取DOM元素節點，不同於CSS主要使用class來控制，JavaScript會大量使用id。

el.onclick = function total(){......}

在el上綁定點擊事件，若el被點擊時則觸發後面的函式total()。
此時我們已知el就是【計算總金額】按鈕，而total()函式的內容則是計算總金額，所以這裡就是點擊按鈕就能夠自動計算出結果的意思。

var penNum = document.getElementById("pen").value;

宣告一個叫做penNum變數，並將我們輸入的要買多少支筆的值賦予給它document.getElementById("pen")雖然找到了DOM節點，但是想要撈到裡面的值就必須再寫.value。

var total = penNum*20 + bookNum*30 + eraserNum*15;

宣告一個新變數total，並把前面的東西計算完賦值到total上。

var totalMoney = document.getElementById("totalMoney");totalMoney.textContent = total;

前者是把DOM節點賦值到一個變數上，然後後者則是使用.textContent修改HTML元素內的文字內容，讓最後加總的金額得以顯示上去。

－－－

備註：
icon圖片版權來自
Icons made by Freepik from www.flaticon.com

－－－

本日結語：
今天是十一天，進入JavaScript之後難度瞬間提升好多OuQ