03-prototype-inheritance.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Prototype Inheritance</title>
</head>
<body>
<script>

    function Employee(name) {
        this.name = name;
    }

    function Manager(name) {
        this.name = name;
    }

    // Manager.prototype = Employee.prototype; // salah
    Manager.prototype = Object.create(Employee.prototype);

    Manager.prototype.sayHello = function (name) {
        console.info(`Hello ${name}, my name is Manager ${this.name}`);
    }

    Employee.prototype.sayHello = function (name) {
        console.info(`Hello ${name}, my name is Employee ${this.name}`);
    }

    const employee = new Employee("Budi");
    employee.sayHello("Joko");

    const manager = new Manager("Eko");
    manager.sayHello("Joko");

    console.info(employee);
    console.info(manager);

</script>
</body>
</html>