JSFiddle - React, Tailwind, and code Playground

HTML

<p id=p1></p>
<p id=p2></p>
<p id=a1></p>
<p id=a2></p>

JavaScript

// First class
function Person(args) {
    for(s in args) {
         this.arguments[s] = args[s];   
    }
}

Person.prototype.arguments = {
    "gender" : null,
    "name" : null
};

Person.prototype.getGender = function() {
    return this.arguments.gender;
};

// Second class
function Animal(gender, name) {
    this.gender = gender;
    this.name = name;
}

Animal.prototype.getGender = function() {
    return this.gender;
};

var p1 = new Person({ gender : "gal", name : "Jane"});
var p2 = new Person({ gender : "boy", name : "John"});
var a1 = new Animal("female", "Tina");
var a2 = new Animal("male", "Toto");

document.getElementById("p1").innerHTML = p1.getGender();
document.getElementById("p2").innerHTML = p2.getGender();
document.getElementById("a1").innerHTML = a1.getGender();
document.getElementById("a2").innerHTML = a2.getGender();