JSFiddle - React, Tailwind, and code Playground

by chrisramakers

JavaScript

// Module pattern
var MyMenu = (function(){

    // Private properties
    var _active = false;
    var _items = [];
    
    // Private methods
    var _reset  = function(){
        alert('do reset stuff');
    };
        
    // Public
    return {
        
        add: function(item){
           _items.push(item);
        },
        
        getItems: function(){
            return _items;
        },
        
        isActive: function(){
            return _active === true;
        },
        
        setActive: function(state){
           _active = state;
        }
        
    };
    
})();


MyMenu.add('File');
MyMenu.add('Edit');
MyMenu.add('View');

MyMenu.setActive(true);

//document.write(MyMenu.items, '<br>');
//document.write(MyMenu.getItems(), '<br>');

//document.write('my menu is active: ', MyMenu.active, '<br>');
//document.write('my menu is active: ', MyMenu.isActive(), '<br>');