https://leanpub.com/html5-javascript-thinking: 第10章範例