[updated] hey im javascript beginner. console.log said ArrayOfinnerHTML[i] is undefined. I was expected "w". but its now working :( dunno why. here is code below.

var drum = document.querySelectorAll(".drum");
var ArrayOfinnerHTML = ['w','a','s','d','j','k','l'];
  for(var i = 0; i <drum.length; i++){
    drum[i].addEventListener("click",function(){
     var whatInnerHTML = this.innerHTML;
     console.log('console_log is : '+ ArrayOfinnerHTML[i]); //undefined
     console.log('console_log is : '+ ArrayOfinnerHTML[0]); //w
     if(whatInnerHTML === ArrayOfinnerHTML[i])
     {
        alert('yes'); //not working
     }
    });
  }

I've tried using console.log but...:(