Tell us what’s happening:
I can’t get all three recipes to output separately to the console. The same ratings (4.5) applies to all three. I can use some help identifying where the problem is.
Your code so far
const recipes = [];
const recipe1 = {
name: 'Spaghetti Carbonara',
ingredients: ['spaghetti', 'Parmesan cheese', 'pancetta', 'black pepper'],
cookingTime: 22,
totalIngredients: null,
difficultyLevel: '',
ratings: [4, 5, 4, 5],
averageRating: null,
};
const recipe2 = {
name: 'Chicken Curry',
ingredients: ['chicken breast', 'coconut milk', 'curry powder', 'onion', 'garlic'],
cookingTime: 42,
totalIngredients: null,
difficultyLevel: '',
ratings: [4, 5, 5, 5],
averageRating: null,
};
const recipe3 = {
name: 'Vegetable Stir Fry',
ingredients: ['broccoli', 'carrot', 'bell pepper'],
cookingTime: 15,
totalIngredients: null,
difficultyLevel: '',
ratings: [4, 3, 4, 5],
averageRating: null,
};
recipes.push(recipe1, recipe2, recipe3);
// User Editable Region
function getAverageRating(averageRating) {
recipe1.averageRating = (recipe1.ratings[0]+recipe1.ratings[1]+recipe1.ratings[2]+recipe1.ratings[3]) /4;
return recipe1.averageRating;
recipe2.averageRating = (recipe2.ratings[0]+recipe2.ratings[1]+recipe2.ratings[2]+recipe2.ratings[3]) /4;
return recipe2.averageRating;
recipe3.averageRating = (recipe3.ratings[0]+recipe3.ratings[1]+recipe3.ratings[2]+recipe3.ratings[3]) / 4;
return recipe3.averageRating;
}
console.log(getAverageRating(recipe1.averageRating))
console.log(getAverageRating(recipe2.averageRating))
console.log(getAverageRating(recipe3.averageRating))
// User Editable Region
Your browser information:
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/141.0.0.0 Safari/537.36
Challenge Information:
Build a Recipe Tracker - Step 7