JS30 - JavaScript Drum Kit

#核心需求

• 根據鍵盤的KeyCode，來撥放對應的聲音
• 改變觸發的物件樣式

實現思維

• 在元素上綁定keydown event
• 對應事件的處理流程
  • 給每個div元素綁定transitioned event
    1. 綁定事件
    2. 獲取所有classname為key的元素
• 去除樣式的事件處理流程

windows.addEventListener('keydown', function(e){
    console.log(e);
});