Javascript Class example Constructor and Methods

Follow @lookkleweb

A "House" class is created with a constructor function that collects the width, height, and color of the house.

The "House" class has two methods:

The getArea method to retrieve the area of the house according to the height and width collected in the class.
The dimension method that returns the dimensions of the class according to the parameters entered for the particular method itself.

An object "house1" is created with its properties and the color property, the dimensions and the area of the house are displayed on the screen.

<p id="show_houses"></p>

<script>
class House {
  constructor(width, height, color) {
    this.width = width;
    this.height = height;
    this.color = color;
  }
  getArea(){
    return this.width*this.height;
  }
  dimensions(x, y, z){
    return x*y*z;
  }
}

const house1 = new House(40, 50, 'white');
document.getElementById("show_houses").innerHTML=
"The "+house1.color+" house has the following dimensions: "+house1.dimensions(50,100,60)+" area: "+house1.getArea();
</script>

xxxxxxxxxx
 
<p id="show_houses"></p>
​
<script>
class House {
  constructor(width, height, color) {
    this.width = width;
    this.height = height;
    this.color = color;
  }
  getArea(){
    return this.width*this.height;
  }
  dimensions(x, y, z){
    return x*y*z;
  }
}
​
const house1 = new House(40, 50, 'white');
document.getElementById("show_houses").innerHTML=
"The "+house1.color+" house has the following dimensions: "+house1.dimensions(50,100,60)+" area: "+house1.getArea();
</script>                                