JSFiddle - React, Tailwind, and code Playground

HTML

<ul id="people"></ul>

JavaScript

var People = People || {};

People = (function() {
    var People = function(){
        this._people = [];
    };
    
    var addGentleman = function (name) {
        this._people.push(new People.Gentleman(name));
    };
    
    var getList = function () {
        var temp = [];
        
        for (var i = 0; i < this._people.length; i++) {
            temp.push(this._people[i].toString());
        }
        
        return temp;
    };
    
    People.prototype.constructor = People;
    People.prototype.addGentleman = addGentleman;
    People.prototype.getList = getList;
    
    return People;
})();

People.Human = (function () {
    var Human = function (name, hasLadyParts) {
        this._name = name;
        this._hasLadyParts = hasLadyParts;
    };
    
    var hasLadyParts = function () {
        return this._hasLadyParts;
    };
    
    var toString = function () {
        var str = this._name;
        if (!this._hasLadyParts) str += ' no';
        return str + ' lady parts.';
    };
    
    Human.prototype.constructor = Human;
    Human.prototype.hasLadyParts = hasLadyParts;
    Human.prototype.toString = toString;
    
    return Human;
})();

People.Gentleman = (function () {
    var Gentleman = function (name) {
        People.Human.call(this, name, false);
    }
    
    var toString = function () {
        return 'Mr.' + this.toString();
    };

    // Gentleman.prototype = Object.create(People.Human.prototype);
    Gentleman.prototype.constructor = Gentleman;
    Gentleman.prototype.toString = toString;
        
    return Gentleman;
})();

$(function () {
    var people = new People();
    people.addGentleman('Viktor');
    people.addGentleman('Joakim');
    var list = people.getList();
    var $ul = $('#people');
    
    for (var i = 0; i < list.length; i++) {
        $ul.append('<li>' + list[i] + '</li>');
    }
});