JSFiddle - React, Tailwind, and code Playground

by dhoerster

HTML

<div id="members"></div>

<input type='text' id='friend' /> <button id='add'>Add</button>
<button id='show'>Show</button>

JavaScript

var AgileWays = AgileWays || {};

AgileWays.sayHi = function() { return 'Hello!'; };

AgileWays.Team = function() {};
AgileWays.Team.prototype = (function(){
    var members = [],
        addMember = function(name) { members.push(name); },
        displayMembers = function() { alert(members); };
    
    return {
        add: addMember,
        display: displayMembers
    };
})();

var myTeam = new AgileWays.Team();
$('#add').click(function(e){
    e.preventDefault();
    myTeam.add($('#friend').val());
    $('#friend').val('').focus();
});
$('#show').click(function(e){
    e.preventDefault();
    myTeam.display();
});
//myTeam.add('dave');
//myTeam.add('joe');
//myTeam.display();