Module pattern + namespace

by thomascsd

HTML

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

JavaScript

(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();
  }
  
  window.NS = window.NS || {};
  window.NS.user = {
    addUser: addUser,
    removeUser: removeUser
  };
})();

$('#add').on('click', NS.user.addUser);
$('#add').on('click', NS.user.addUser);