Workshop › Memory › Step 8 of 25

A card's corner

What we are doing

Two small functions turn a card's column and row into pixels: cardX and cardY return the card's left and top edges, with the formulas from the grid loops.

```js
function cardX(card) {
  return GAP + card.col * (CARD + GAP)
}

function cardY(card) {
  return TOP + GAP + card.row * (CARD + GAP)
}
```

What it means

• card is a parameter: the card object given to the function.
• return gives the computed number back to whoever called the function.

Your turn

Under newGame, write cardX and cardY with empty lines between them. Press Run.

Skills: Functions

← Cards that know themselves Draw the cards from the list →

All steps

1. Get the canvas and the pen
2. The table
3. One card
4. A row of cards
5. Four rows
6. Every fruit twice
7. Cards that know themselves
8. A card's corner
9. Draw the cards from the list
10. Draw again and again
11. The face of a card
12. A fair shuffle
13. Which card is at a point?
14. Click to turn a card
15. One place for the rules
16. Two cards at a time
17. Pair or no pair
18. Count the moves
19. Show moves and pairs
20. All pairs found
21. Play again
22. A number that follows
23. Swap sides halfway
24. Animate the turn
25. Build it yourself: your best game