How to call multiple JavaScript functions by using function in onclick event and using loop to count functions from array in function?

Question

How to call multiple JavaScript functions by using function in onclick event and using loop to count functions from array in function? Demonstration:

var arr = [function one(){console.log("one")}, function two(){console.log("two")} ];

htmlElement.onclick = function(){
  for(var i = 0, a = arr.length; i < a; i++ ){
  }
}

Answer 1

Simple - don't use onclick - it's brittle (especially when used inline within HTML) and harks back to how JS was written in the '90s.

Use addEventListener instead:

arr.forEach(function(callback) {
    htmlElement.addEventListener('click', callback);
});

Answer 2

for(var i = 0,a = arr.length; i<a; i++){
    arr[i]();
}

This should work.