Javascript Classes

Based on: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Classes

by klenwell

HTML

<h2>Simple Javascript Class Examples</h2>

<p>
Open console.
</p>

<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Classes">https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Classes</a>

JavaScript

'use strict';

class Circle {
  constructor(radius) {
    this.radius = radius;
  }
  
  diameter() {
    return (2 * this.radius) * Math.PI;
  }
  
  area() {
    return Math.PI * Math.pow(this.radius, 2);
  }
}

class Shill extends Circle {
  constructor(radius, color) {
    super(radius);
    this.color = color;
  }
  
  toString() {
    return `I am a ${ this.color } shill.`;
  }
}

var red = new Shill(4, 'red');
var green = new Shill(4, 'green');

console.log(red.toString(), green.toString());