JavaScriptにおけるEventオブジェクトのイベントタイプ
Eventオブジェクトは、発生したイベントのタイプも含んでいます。
タイプとは、click、mouseoverなどの名前を指します。
イベントタイプは、プロパティtypeで参照できます:
elem.addEventListener('click', function(event) {
console.log(event.type); // 'click'と出力される
});
次のコードでは、2つのイベントに同じハンドラがバインドされています:
<button id="elem">テキスト</button>
let elem = document.querySelector('#elem');
elem.addEventListener('click', func);
elem.addEventListener('dblclick', func);
function func() {
}
関数funcのコードを完成させ、要素をクリックした時にその要素の色が緑になり、
ダブルクリックした時に赤くなるようにしてください。