Untitled

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>
<body>

<script id="jsbin-javascript">
class Human {
  constructor() {
    this.city = 'Sunnyvale';
  }

  printCity() {
    console.log(this.city);
  }
}


class Person extends Human {
  constructor() {
    super();
    this.name = 'Dev';
    this.age = 30;
  }

  printMyInfo() {
    console.log(this.name);
    console.log(this.age);
  }
}

const person = new Person();
person.printMyInfo();
person.printCity();
</script>


<script id="jsbin-source-javascript" type="text/javascript">class Human {
  constructor() {
    this.city = 'Sunnyvale';
  }

  printCity() {
    console.log(this.city);
  }
}


class Person extends Human {
  constructor() {
    super();
    this.name = 'Dev';
    this.age = 30;
  }

  printMyInfo() {
    console.log(this.name);
    console.log(this.age);
  }
}

const person = new Person();
person.printMyInfo();
person.printCity();</script></body>
</html>