I keep getting this error on this line:
return this._courses[courseName].push(dish);
TypeError: Cannot read property ‘push’ of undefined
but unsure what is causing it. Here is my code:
menu = {
_courses: {
appetizers: [],
mains: [],
desserts: []
},
get appetizers() {
return this._courses.appetizers;
},
get mains() {
return this._courses.mains;
},
get desserts() {
return this._courses.desserts;
},
set appetizers(appetizers) {
this._courses.appetizers = appetizers;
},
set main(mains) {
this._courses.mains = mains;
},
set desserts(desserts) {
this._courses.desserts = desserts;
},
get courses() {
return {
appetizers: this.appetizers,
mains: this.mains,
desserts: this.desserts
};
},
addDishToCourse(courseName, dishName, dishPrice) {
const dish = {
name: dishName,
price: dishPrice,
};
console.log(this._courses[courseName])
return this._courses[courseName].push(dish);
},
getRandomDishFromCourse(courseName) {
const dishes = this._courses[courseName];
const randomNumber = Math.floor(Math.random() * dishes.length);
return dishes[randomNumber];
},
generateRandomMeal() {
const appetizer = getRandomDishFromCourse('appetizers');
const main = getRandomDishFromCourse('mains');
const dessert = getRandomDishFromCourse('desserts');
const totalPrice = appetizer.price + main.price + dessert.price;
return `Your meal is ${appetizer.name}, ${main.name}, ${dessert.name}, and the total price is ${totalPrice}`;
}
};
menu.addDishToCourse('appetizers','salad',4.00);
menu.addDishToCourse('appetizers','fries',3.00);
menu.addDishToCourse('appetizers','cheese',9.00);
menu.addDishToCourse('mains','pasta',5.00);
menu.addDishToCourse('mains','burrito',9.00);
menu.addDishToCourse('mains','lobster',2.00);
menu.addDishToCourse('dessert','chocolate',3.00);
menu.addDishToCourse('dessert','tart',2.00);
menu.addDishToCourse('dessert','cheese',10.00);
const meal = menu.generateRandomMeal();
console.log(meal);