<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="style.css">
<script src="script.js"></script>
</head>
<body>
<h1>Hello Plunker!</h1>
For more information <a href="https://www.tutorialfunda.com/reactjs/javascript-classes/">Class Declaration in Javascript ES6</a>
</body>
</html>
class Employee {
constructor(name) {
this.name = name;
}
greet() {
console.log(`Hello ${this.name}!`)
}
}
class Student extends Employee {
constructor(name, level) {
super(name);
this.level = level;
}
greet() {
console.log(`Hello ${this.name}! from ${this.level}`)
}
}
const obj1 = new Employee('Julia');
const obj2 = new Employee('Max','Primary');
const obj3 = new Employee('Jane', 'Secondary');
obj3.greet = () => console.log('Hey I am Extraordinary');
obj1.greet();
obj2.greet();
obj3.greet();
/* Styles go here */
For More Explanation see: [Class Declaration in Javascript ES6](https://www.tutorialfunda.com/reactjs/javascript-classes/)