fe5-2：js語言、dom編程

CSS：用來定義樣式(網站的外觀：字體大小、背景顏色)
script 標籤不用再寫 type，網站已經默認 script 標籤爲 JavaScript
JavaScript 文件的引用應該放在 body 標籤最後執行
document.querySelectir()：用來查找元素(元素選擇器)
getAttribute:只能獲得默認值,而不是獲得當前的值

var log = function() {
    console.log.apply(console, arguments)
}
// 元素選擇器
var body = document.querySelector('body')
// class 選擇器, 用的是   .類名
var form = document.querySelector('.login-form')
// id 選擇器, 用的是   #id
var loginButton = document.querySelector('#id-button-login')

// 獲取特定屬性值
var user = document.querySelector('#id-input-username')
var userValue = user.getAttribute('value')
log('user value', userValue)
// 不存在的屬性會返回 null, 它在 js 中表明不存在
log('沒有的屬性', user.getAttribute('不存在'))