Module Pattern Demo

by thomascsd

HTML

<ul id="list">
</ul>
<button id="add">
Add User
</button>
<button id="remove">
Remove User
</button>

JavaScript

var user = (function(){
  function add(){
     const count = $('li').length;
     $('#list').append(`<li>Thomas${count}</li>`);
  }
  
  function remove(){
    const count = $('li').length;
    const $li = $('#list').find('li:last');
    $li.remove();
  }

  return	{
    addUser(){
      add();
    },
    removeUser(){
      remove();
    }
  };
})();

$('#add').on('click', () => user.addUser());
$('#remove').on('click', () => user.removeUser());