Congratulations, you’ve passed the grueling rigmarole of librarian school and have become head librarian at your local Books-‘N-Stuff.
Just as you sit down, eager to utilize all those skills you learned in “Lib 203 - Shushing: How to Maintain Order While Spitting”, you realize you’re still using index cards to handle everything.
But no matter, you know some JavaScript, so let’s get to work modernizing your new digs.
Books-‘N-Stuff carries three different types of media: books, CDs, and movies. In this project you will create a parent class named Media with three subclasses: Book, Movie, and CD. These three subclasses have the following properties and methods:
Book Properties: author (string), title (string), pages (number), isCheckedOut (boolean, initially false), and ratings (array, initially empty). Getters: all properties have a getter Methods: .getAverageRating(), .toggleCheckOutStatus(), and .addRating() Movie Properties: director (string), title (string), runTime (number), isCheckedOut (boolean, initially false), and ratings (array, initially empty) Getters: all properties have a getter Methods: .getAverageRating(), .toggleCheckOutStatus(), and .addRating() CD Properties: artist (string), title (string), isCheckedOut (boolean, initially false), and ratings (array, initially empty), songs (array of strings) Getters: all properties have a getter Methods: .getAverageRating(), .toggleCheckOutStatus(), and .addRating() If you’re looking for a challenge, try to create the four classes without using the steps below.
If you get stuck during this project or would like to see an experienced developer work through it, click “Get Help“ to see a project walkthrough video.
Tasks 22/25 Complete Mark the tasks as complete by checking them off Library Classes 1. Let’s start by making a parent class for our Book, CD, and Movie classes.
Create an empty class called Media.
Stuck? Get a hint 2. Inside the Media class, create an empty constructor() method that takes one parameter.
This argument will set the one property that is in all three subclasses of Media, and does not have a default value.
Stuck? Get a hint 3. Inside the constructor, set the values for Media properties that Book, CD, and Movie share. Prepend all of the property names with an underscore (_).
Stuck? Get a hint 4. Create getters for the title, isCheckedOut, and ratings properties. Each getter should return the value saved to the matching property.
Stuck? Get a hint 5. Create a setter for the isCheckedOut property.
Stuck? Get a hint 6. Under your getters, create a method named toggleCheckOutStatus that changes the value saved to the _isCheckedOut property.
If the value is true, then change it to false. If the value is false, then change it to true.
Stuck? Get a hint 7. Under .toggleCheckOutStatus(), create a method named getAverageRating. Return the average value of the ratings array.
Use the reduce method to find the sum of the ratings array. Divide this sum by the length of the ratings array, and return the result.
Take a look at the hint if you need help with the syntax for finding the sum of the ratings array.
Stuck? Get a hint 8. Let’s add a method named addRating that accepts one argument and uses .push() to add it to the end of the ratings array.
Stuck? Get a hint 9. Next, we’’ll build a Book class that extends Media. If you feel comfortable building the Book class on your own, give it a shot. If not, use the steps below to help you along the way.
Whether you want to follow the steps or not, use the list of properties, getters, and methods as a reference.
Book Properties: author (string), title (string), pages (number), isCheckedOut (boolean, initially false), and ratings (array, initially empty). Getters: all properties have a getter Methods: .getAverageRating(), .toggleCheckOutStatus(), and .addRating() Create an empty Book class that extends Media.
Stuck? Get a hint 10. Inside the Book class, create a constructor that accepts three arguments. These arguments are used to set properties that do not have default values.
Stuck? Get a hint 11. Call super on the first line of the Books‘s constructor method. Pass it any arguments that the parent constructor uses.
Stuck? Get a hint 12. Use the remaining arguments to set the author and pages properties in Book.
Stuck? Get a hint 13. Since our Book class inherits Media‘s properties and getters, we only need to create two new getters in the Book class.
Add two new getters to the Book class. Each getter should return the value saved to its matching property.
Stuck? Get a hint 14. Let’s see if you can create an entire Movie class using only the property, getter, and method specifications below:
Movie properties: director (string), title (string), runTime (number), isCheckedOut (boolean, initially false), and ratings (array, initially empty) getters: all properties have a getter methods: .getAverageRating(), .toggleCheckOutStatus(), and .addRating() Take a look at the Hint to see step-by-step instructions.
Stuck? Get a hint 15. Create a Book instance with the following properties:
Author: 'Bill Bryson' Title: 'A Short History of Nearly Everything' pages: 544 Save the instance to a constant variable named historyOfEverything.
Stuck? Get a hint 16. Call .toggleCheckOutStatus() on the historyOfEverything instance.
Log the value saved to the isCheckedOut property in the historyOfEverything instance.
Call .addRating() three times on historyOfEverything with inputs of 4, 5, and 5.
Call .getAverageRating() on historyOfEverything. Log the result to the console.
Create a Movie instance with the following properties:
Director: 'Jan de Bont' Title: 'Speed' Runtime: 116 Save the instance to a constant variable named speed.
Stuck? Get a hint 21. Call .toggleCheckOutStatus() on the speed instance.
Log the value saved to the isCheckedOut property in the speed instance.
Call .addRating() three times on speed with inputs of 1, 1, and 5.
Call .getAverageRating() on speed. Log the result to the console.
Nice work! If you’ve made it this far, you clearly have a strong understanding of class syntax and inheritance.
If you would like to continue working on this project, we have listed some avenues to build on your existing progress.
In .addRating(), make sure input is between 1 and 5.
Create a method called shuffle for the CD class. The method returns a randomly sorted array of all the songs in the songs property.
Create class called Catalog that holds all of the Media items in our library.
Code Editor
123456789101112131415
class Media {
constructor(title) {
this._title = title;
this._isCheckedOut = false;
this._ratings = [];
}
get title() {
return this._title;
}
get isCheckedOut() {
Build a Library 22/25 Complete