scrimba
Learn TypeScript
Add automatic ids to menu items
Go Pro!Bootcamp

Bootcamp

Study group

Collaborate with peers in your dedicated #study-group channel.

Code reviews

Submit projects for review using the /review command in your #code-reviews channel

Add automatic ids to menu items
AboutCommentsNotes
Add automatic ids to menu items
Expand for more info
index.ts
run
preview
console
type Pizza = {
id: number
name: string
price: number
}

type Order = {
id: number
pizza: Pizza
status: "ordered" | "completed"
}

const menu: Pizza[] = [
{ id: 1, name: "Margherita", price: 8 },
{ id: 2, name: "Pepperoni", price: 10 },
{ id: 3, name: "Hawaiian", price: 10 },
{ id: 4, name: "Veggie", price: 9 },
]

let cashInRegister = 100
let nextOrderId = 1
const orderQueue: Order[] = []

function addNewPizza(pizzaObj: Pizza): void {
menu.push(pizzaObj)
}

/**
* Challenge part 1: Make it so we can use a global variable to track the nextPizzaId
* and use the same trick we use with `nextOrderId++` when you're calling addNewPizza.
* Update the menu items to use this as well so we don't have to manually enter ids 1-4
* like we're currently doing
*/

addNewPizza({ id: 5, name: "Chicken Bacon Ranch", price: 12 })
addNewPizza({ id: 6, name: "BBQ Chicken", price: 12 })
addNewPizza({ id: 7, name: "Spicy Sausage", price: 11 })





function placeOrder(pizzaName: string): Order | undefined {
const selectedPizza = menu.find(pizzaObj => pizzaObj.name === pizzaName)
if (!selectedPizza) {
console.error(`${pizzaName} does not exist in the menu`)
return
}
cashInRegister += selectedPizza.price
const newOrder: Order = { id: nextOrderId++, pizza: selectedPizza, status: "ordered" }
orderQueue.push(newOrder)
return newOrder
}

function completeOrder(orderId: number): Order | undefined {
const order = orderQueue.find(order => order.id === orderId)
if (!order) {
console.error(`${orderId} was not found in the orderQueue`)
return
}
order.status = "completed"
return order
}

export function getPizzaDetail(identifier: string | number): Pizza | undefined {
if (typeof identifier === "string") {
return menu.find(pizza => pizza.name.toLowerCase() === identifier.toLowerCase())
} else if (typeof identifier === "number") {
return menu.find(pizza => pizza.id === identifier)
} else {
throw new TypeError("Parameter `identifier` must be either a string or a number")
}
}


// placeOrder("Chicken Bacon Ranch")
// placeOrder("Pepperoni")
// completeOrder(1)
// placeOrder("Veggie")
// completeOrder(2)

console.log("Menu:", menu)
console.log("Cash in register:", cashInRegister)
console.log("Order queue:", orderQueue)
Console
"Menu:"
,
[
{id:
1
, name:
"Margherita"
, price:
8
}
,
{id:
2
, name:
"Pepperoni"
, price:
10
}
,
{id:
3
, name:
"Hawaiian"
, price:
10
}
,
{id:
4
, name:
"Veggie"
, price:
9
}
,
{id:
5
, name:
"Chicken Bacon Ranch"
, price:
12
}
,
{id:
6
, name:
"BBQ Chicken"
, price:
12
}
,
{id:
7
, name:
"Spicy Sausage"
, price:
11
}
]
,
"Cash in register:"
,
100
,
"Order queue:"
,
[]
,
/index.html
-4:19