Eventとは
ブラウザがHTMLを読み込む際に作成されるのがDOMです。作成されたDOMは<script>タグ内のJavascriptにより更新されます。その中でもっとも重要なのがEventです。Eventはマウスの動き、クリック、サーバからのレスポンスなど多種多様です。ブラウザ上の処理はSingle-threaded modelにしたがってる為EventはEvent Queueに溜まり順番に実行されていきます。Eventに対してEvent Handler(Javascript関数)を登録することができます。
addEventListener関数
document.body.addEventListener('click', function() {
console.log('Clicked');
});
DOMの<body>にクリックイベント時の処理を登録。
内をユーザがクリックした時にコンソールに'Clicked'がプリントされる。