## Task
You're working on a transportation management system that tracks different types of vehicles. Each vehicle has a `make`, `model`, and `year`. For electric vehicles, you also need to track the `batteryCapacity`. You'll use inheritance to extend a general `Vehicle` class for specific electric vehicles.
1. Create an `ElectricVehicle` class that extends `Vehicle`;
2. The `ElectricVehicle` constructor should accept `make`, `model`, `year`, and `batteryCapacity`;
3. Use `super()` to initialize `make`, `model`, and `year` in the parent class;
4. Add a `getDetails` method to `ElectricVehicle` that overrides `Vehicle`'s `getDetails` method. It should call `super.getDetails()` and add information about `batteryCapacity`. The format should be: `"{make} {model} ({year}) with a battery capacity of {batteryCapacity} kWh."`.

class Vehicle {
  constructor(make, model, year) {
    this.make = make;
    this.model = model;
    this.year = year;
  }

  getDetails() {
    return `${this.make} ${this.model} (${this.year})`;
  }
}

class ElectricVehicle _____ _____ {
  _____(make, model, year, _____) {
    _____(_____, _____, _____);
    this.batteryCapacity = batteryCapacity;
  }

  _____() {
    return `${super._____} with a battery capacity of ${
      _____._____
    } kWh.`;
  }
}

// Testing
const vehicle = new Vehicle('Toyota', 'Camry', 2020);
console.log(vehicle.getDetails()); // Expected: Toyota Camry (2020)

const electricVehicle = new ElectricVehicle('Tesla', 'Model 3', 2021, 75);
console.log(electricVehicle.getDetails()); // Expected: Tesla Model 3 (2021) with a battery capacity of 75 kWh.

- Define a class `ElectricVehicle` that extends `Vehicle`;
- In the `ElectricVehicle` constructor, add a parameter `batteryCapacity` after `make`, `model`, and `year`;
- Use `super(make, model, year)` to call the parent class's constructor and initialize `make`, `model`, and `year`;
- Assign `batteryCapacity` to a property in `ElectricVehicle`;
- Define a `getDetails` method in `ElectricVehicle` that overrides `Vehicle`'s `getDetails` method;
- Inside `getDetails`, use `super.getDetails()` to get the parent class details, then add the battery capacity information to the return string.

class Vehicle {
  constructor(make, model, year) {
    this.make = make;
    this.model = model;
    this.year = year;
  }

  getDetails() {
    return `${this.make} ${this.model} (${this.year})`;
  }
}

class ElectricVehicle extends Vehicle {
  constructor(make, model, year, batteryCapacity) {
    super(make, model, year);
    this.batteryCapacity = batteryCapacity;
  }

  getDetails() {
    return `${super.getDetails()} with a battery capacity of ${
      this.batteryCapacity
    } kWh.`;
  }
}

// Testing
const vehicle = new Vehicle('Toyota', 'Camry', 2020);
console.log(vehicle.getDetails()); // Output: Toyota Camry (2020)

const electricVehicle = new ElectricVehicle('Tesla', 'Model 3', 2021, 75);
console.log(electricVehicle.getDetails()); // Output: Tesla Model 3 (2021) with a battery capacity of 75 kWh.

Master essential JavaScript concepts, including classes, DOM manipulation, event handling, and asynchronous programming. Learn to create dynamic and interactive web applications by managing user interactions, fetching and displaying data, and handling asynchronous operations efficiently. Through a blend of theory, hands-on challenges, and real-world examples, this course equips you with the practical skills needed for modern web development.

Learn the fundamentals of JavaScript classes, from class declarations to defining methods that enhance functionality. Discover how to use parameter objects effectively, manage private properties, and control access with getters and setters. Master static properties and static methods and unlock the power of class inheritance using "extends" and "super()" to build scalable and reusable code.

Master DOM manipulation to create dynamic, interactive web applications. Navigate and modify the DOM's structure, dynamically update content, and implement best practices for security and performance. Differentiate between properties and attributes to optimize your code.

Unlock the interactivity of your web applications by mastering JavaScript events. Understand event propagation, control event behavior, and implement efficient event handling for user interactions. Optimize performance with advanced techniques like event delegation.

Dive into asynchronous JavaScript, including callbacks, Promises, and async/await. Learn how to fetch data from APIs, integrate third-party libraries, and handle multiple requests efficiently, building skills for creating data-driven applications.

Challenge: Implement Class Inheritance with extends and super()

Task