- What Happens Next? 1:29
- Build the mark() Method
- Build the checkForWin() Method
- get owner() Solution
- checkForWin() Method Challenge Solution
- Build the switchPlayers() Method
- Build the gameOver() Method
- Game Logic Methods Solution 1:56
- Build the updateGameState() Method
- Callback Function Solution
- updateGameState() Method Solution 2:16
- Reviewing 'Adding the Game Logic' 4 questions
Preview
Video Player
00:00
00:00
updateGameState() Method Solution
2:16See the solution for the updateGameState() method.
Welcome back,
0:00
congrats on finishing the final step
in developing our foreign arrow game.
0:01
We are done, let us go over
the solution for the last assignment.
0:05
First, you were tasked with adding
a method to the player class
0:09
called checkTokens().
0:12
This methods job is to tell us if
a player has any unused tokens left.
0:14
If they've used all their tokens,
they can't play anymore.
0:18
We used another ternary expression here.
0:22
If the length of
the unusedTokens array == 0,
0:24
then we return false,
if it's not 0, we return true.
0:28
Okay, let's move to game.js to review
the final method updateGameState().
0:33
The updateGameState() method receives
two arguments, token and target.
0:39
Token is the token object that was
most recently dropped by a player and
0:45
target is the space object
that that token now occupies.
0:50
Your first step inside the updateGameState
method was to associate
0:55
the space object with a droped token.
0:59
This is done using the mark method
you wrote earlier in this stage.
1:01
We call the mark method on the target
space and pass in the dropped token.
1:05
As you recall,
1:11
this will set the target spaces token
property to the droped token object.
1:12
The next step is to check if
the last move was a winning move.
1:17
This is done with a simple
if else statement.
1:21
If it was a winning move, we pass
a message to the gameOver method and
1:24
that's it.
1:28
If it wasn't, we have some other steps
to take that logic is all handled
1:29
in the first part of
this if else statement.
1:34
First we switchPlayers(),
1:37
that's simply a call to the
switchPlayers() method you wrote earlier.
1:39
Then we use another if else to check that
the newly activePlayer still has tokens.
1:43
If they don't have tokens available,
then they can't complete their turn and
1:49
the game is over.
1:53
If they do have tokens left, then we
need to render a new HTML Token for
1:54
them using the drawHTMLToken() method
you wrote much earlier in the course.
1:59
After that, we set the game
state back to ready and voila.
2:05
That's a wrap on four in a row.
2:09
Come watch me and a fellow teacher
play the game in the next video.
2:12