Heads up! To view this whole video, sign in with your Courses account or enroll in your free 7-day trial. Sign In Enroll

Object-Oriented JavaScript: Challenge

Preview

Start a free Courses trial
to watch this video

Sign up for Treehouse

updateGameState() Method Solution

2:16 with Ashley Boucher

See the solution for the updateGameState() method.

Video Update

At the end of this video, Ashely mentions: "Come watch me and a fellow teacher play the game in the next video.". However, this video was never shot.

You can play the final version of the project yourself though or with a friend! Just make sure you run the code inside the Final Complete Project folder, after downloading the Project Files.

Related Discussions

Have questions about this video? Start a discussion with the community and Treehouse staff.

Sign up

    Related Discussions

    Have questions about this video? Start a discussion with the community and Treehouse staff.

    Sign up

    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

    You need to sign up for Treehouse in order to download course files.

    Sign up

      You need to sign up for Treehouse in order to set up Workspace

      Sign up