JavaScript Animal and Dog Classes: Make sounds with color

JavaScript OOP: Exercise-8 with Solution

Animal and Dog Classes with Sound

Write a JavaScript program that creates a class called 'Animal' with properties for species and sound. Include a method to make the animal's sound. Create a subclass called 'Dog' that inherits from the 'Animal' class and adds an additional property for color. Override the make sound method to include the dog's color. Create an instance of the 'Dog' class and make it make its sound.

Sample Solution:

JavaScript Code:

class Animal {
  constructor(species, sound) {
    this.species = species;
    this.sound = sound;
  }

  makeSound() {
    console.log(this.sound);
  }
}

class Dog extends Animal {
  constructor(species, sound, color) {
    super(species, sound);
    this.color = color;
  }

  makeSound() {
    super.makeSound();
    console.log(`Color: ${this.color}`);
  }
}

// Create an instance of the Dog class
const dog = new Dog('Dog', 'Woof woof!', 'Brown');

// Make the dog make its sound
dog.makeSound();

Sample Output:

"Woof woof!"
"Color: Brown"

Note: Executed on JS Bin

Explanation:

In the above exercise -

We create a class called "Animal" with properties for species and sound. It includes a "makeSound()" method that logs the animal's sound.

The "Dog" class is a subclass of "Animal" and adds a property for color. It overrides the "makeSound()" method to first call the parent class's "makeSound()" method using super.makeSound(), and then logs the dog's color.

An instance of the "Dog" class is created with the species "Dog", the sound "Woof woof!", and the color "Brown". The "makeSound()" method is called for the dog, and it logs the dog's sound and color.

Flowchart:

Live Demo:

See the Pen javascript-oop-exercise-8 by w3resource (@w3resource) on CodePen.

For more Practice: Solve these Related Problems:

• Write a JavaScript class called Animal with properties for species and sound, and a method to produce the sound; extend it with a Dog class that adds a color property and overrides the sound method to include the dog's color in the output.
• Write a JavaScript class called Animal that includes a method to simulate the animal's sound in a loop; then extend it with a Dog class that adds a breed property.
• Write a JavaScript class called Animal that implements a static method to compare the sounds of different species; extend it with a Dog class to simulate a loud bark.
• Write a JavaScript class called Dog that extends Animal and includes a method to produce different types of barks based on the time of day.

Improve this sample solution and post your code through Disqus

OOP Exercises Previous: Display book details with price.
OOP Exercises Next: Manage bank branches.