Test - DOES NOT WORK - New Change Color Module

Test - DOES NOT WORK - New Change Color Module

HTML

<!-- Stackoverflow for why this does not work :
http://stackoverflow.com/questions/18801964/attachevent-is-not-a-function-using-module-pattern 
-->
<p>The color is <span class="js-print">green</span>.</p>
<button class="js-button">Click Here</button>

JavaScript

var settings = [
        {color : 'green'},
        {color : 'blue'},
        {color : 'red'}
    ];

var $ele = {  
         span   : $('.js-print'),
         button : $('.js-button')
    };

var ChangeColor = (function(s, $element) {
    
    var init = function() {
        bindBrowserActions();   
    }
    
    var bindBrowserActions = function() {        
        addClick($element.button, 'click', function() {
             console.log('click');   
        });        
    }
    
    var addClick = function(element, evnt, funct) {
        if (element.addEventListener) {
          return element.addEventListener(evnt, funct, false);
        }
        //addEventListener is not supported in <= IE8
        else {
            return element.attachEvent('on'+evnt, funct);
        } 
    }

    return {
        init : init
    }
    
})(settings, $ele);

(function() {
    ChangeColor.init();
})();