Liskov Substitution Principle

main.js

function renderLargeShapes(shapes){
    shapes.forEach((shape) => {
        const area = shape.getArea();
        shape.render(area)
    })
}

const shapes = [new Rectangle(4, 5), new Rectangle(4, 5),
   new Shape(5)];


renderLargeShapes(shapes)

Rectangle.js

class Rectangle extends Shape {
    constructor(width, height){
        super();
        this.width = width;
        this.height = height;
    }

    getArea(){
        return this.width * this.height;
    }
}

Shape.js

class Shape {
    setColor(color){

    }

    render(area){
        
    }
}

Square.js

class Square extends Shape {
    constructor(length){
        super();
        this.length = length;
    }

    getArea(){
        return this.length * this.length;
    }
}