一、操纵元素(建立, 删除, 修正)
二、事宜

// 一、
// 建立
// 用 document.createElement 函数建立一个元素
var button = document.createElement('button');
// 用 innerHTML 设置属性
button.innerHTML = '注册用户'

// 修正
// 用 appendChild 给一个元素增加子元素
// 这里给 .login-form 增加适才建立好的按钮
var form = document.querySelector('.login-form')
form.appendChild(button)

// 删除
var pwd = document.querySelector('#id-input-password')
// 以下两种要领都可以删除元素
// 一种是自毁
// 一种是父节点删除子元素
pwd.remove()
form.removeChild(pwd)

// 二、
// 点击事宜
//  取得按钮
var loginButton = document.querySelector('#id-button-login')
// 声明一个函数, 用于在按钮点击后实行
var clicked = function(event) {
    log('按钮被点击到了', event)
}
// 增加事宜, 运用 addEventListener 函数, 它有两个参数
loginButton.addEventListener('click', clicked)
// 第一个是事宜的名字, 第二个是事宜发生后会被自动挪用的函数
// loginButton 发生了 'click' 事宜后挪用 clicked 函数