05 - Revealing Module Pattern (SJC)

by Diya_Khan

HTML

<div id="output"></div>

JavaScript

//most commonly used pattern
//Advantages:functions initialzied once in memory

var calculator = function(elmId) {

    var element = document.getElementById(elmId),
        addValues = function(x, y) {
            return x + y;
        },
        add = function(x, y) {
            element.innerHTML = addValues(x, y);
        };
    return {
        add: add
    };
}('output');//to make it singleton

calculator.add(4, 4);