Helper function to attach events to each element in an array without using for loop.

addEventToEach.js

// -- Function --
function addEventToEach(arrayName, eventType, eventCallback) {
    var i;
    for (i = 0; i < arrayName.length; i += 1) {
        arrayName[i].addEventListener(eventType, eventCallback, false);
    }
    return;
}


// -- Usage --

/* - HTML:
<input class="btn-a" type="button" value="Button A1">
<input class="btn-a" type="button" value="Button A2">
<input class="btn-a" type="button" value="Button A3">

<input class="btn-b" type="button" value="Button B1">
<input class="btn-b" type="button" value="Button B2">
<input class="btn-b" type="button" value="Button B3">
*/

// - Javascript:
var buttonsA = document.getElementsByClassName("btn-a"),
    buttonsB = document.getElementsByClassName("btn-b");

function doSomethingA() {
  // do something when event on buttonsA[i] gets fired ...
}

function doSomethingB() {
  // do something when event on buttonsB[i] gets fired ...
}

function addEventToEach(arrayName, eventType, eventCallback) {
    var i;
    for (i = 0; i < arrayName.length; i += 1) {
        arrayName[i].addEventListener(eventType, eventCallback, false);
    }
    return;
}

addEventToEach(buttonsA, "click", doSomethingA);
addEventToEach(buttonsB, "click", doSomethingB);