var lis = document.querySelectorAll("li");  
for(var i = 0; i < lis.length; i++){
    lis[i].addEventListener("click", function());
Why can't we do this instead?
lis.addEventListener("click", function());
var lis = document.querySelectorAll("li");  
for(var i = 0; i < lis.length; i++){
    lis[i].addEventListener("click", function());
Why can't we do this instead?
lis.addEventListener("click", function());
