js obj

by polaszk

HTML

<button>
  click
</button>

<a>link</a>

CSS

.blue {
  color: blue;
}

.active {
  color: gray;
}

button {
  color: black;
  background-color: #ddd;
}

JavaScript

var obj1 = {
  init: function() {
    this.events();
  },
  function1: function() {
    console.log('func1');
  },
  function2: function() {
    console.log('func2');
  },
  events: function() {
    var self = this;
    $('a').on('click', function(e) {
      self.function1();
      ui.function1(e);
    });

    $('button').on('click', function(e) {
      self.function2();
      ui.function2(e);
    });
  }
};

var ui = {
  function1: function(e) {
    $(e.target).toggleClass('blue');
  },
  function2: function(e) {
    $(e.target).toggleClass('active');
  }
};

obj1.init();