Revealing Module Pattern

by thomascsd

HTML

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

JavaScript

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

  return	{
    addUser: addUser,
    removeUser: removeUser
  };
})();

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