javascript make a class code example

Example 1: create element javascript with class

// create div element by javascript with class

var div = document.createElement('div');
div.className = "div1";

Example 2: javascript class

class ClassMates{
	constructor(name,age){
    	this.name=name;
      	this.age=age;
    }
  	displayInfo(){
    	return this.name + "is " + this.age + " years old!";
    }
}

let classmate = new ClassMates("Mike Will",15);
classmate.displayInfo();  // result: Mike Will is 15 years old!

Example 3: javascript class

//JavaScript class: Here a quick code example

// Basic class
class Rectangle {
  
  // Constructor
  constructor(height, width) {
    // Member variables
    this.height = height;
    this.width = width;

    // Access static member variable
    Rectangle.count++;
  }
  
  // Getter
  get area() {
    return this.calcArea();
  }
  
  // Method
  calcArea() {
    return this.height * this.width;
  }

  // Static method
  static calcArea(width, height) {
    return width * height;
  }
}

// Static member variable
Rectangle.count = 0;


// Class instantiation
const square = new Rectangle(10, 10);

// Access member variable
console.log(square.height, square.width); // 10 10

// Call getter
console.log(square.area);	// 100

// Call method
console.log(square.calcArea()); // 100


// Access static member variable
console.log(Rectangle.count); // 1

// Call static method
console.log(Rectangle.calcArea(15, 15));  // 225

Example 4: javascript create class

class Car {
  constructor(brand) {
    this.carname = brand;
  }
}