<html lang="en">
  <head>
    <meta charset="utf-8"/>
    <title>OOJS: Task 1</title>
    <link rel="stylesheet" href="../styles.css" />
  </head>

  <body>

    <section class="preview">

    </section>

  </body>

</html>
p {
  color: purple;
  margin: 0.5em 0;
}

* {
  box-sizing: border-box;
}
  class Shape {

    name;
    sides;
    sideLength;

    constructor(name, sides, sideLength) {
      this.name = name;
      this.sides = sides;
      this.sideLength = sideLength;
    }
    
    calcPerimeter() {
       const perimeter = `${this.sideLength * this.sides}`;
       console.log(`This is a ${this.name} and it has a perimeter of ${perimeter}`)
   
   }
  }

 const square = new Shape('square', '4', '5')
 square.calcPerimeter()
 const triangle = new Shape('triangle', '3', '3')
 triangle.calcPerimeter()
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.