[actualizado] Hola, soy un principiante de javascript. console.log dijo que ArrayOfinnerHTML[i] no está definido. Me esperaban "w". pero ahora está funcionando :( no sé por qué. Aquí está el código a continuación.

 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 } }); }

Intenté usar console.log pero... :(