- Preparing to Build the Classes 0:34
- Practice Brainstorming Properties
- Player Properties Solution 2:57
- Token Properties Brainstorming
- Token Properties Solution 2:33
- Build the createTokens() Method
- createTokens() Method Solution 3:06
- Board and Space Class Constructor Methods
- Board and Space Class Constructor Methods Solution 3:58
- Build the createSpaces() Method
- createSpaces() Method Solution 2:46
- Game Class Constructor Method
- Game Class Constructor Method Solution 2:45
- Reviewing Constructor Methods and Generating Objects 5 questions
Preview
Video Player
00:00
00:00
Token Properties Solution
2:33See the solution for the properties that will be used in the Token Class.
Let's talk about the token object.
0:00
If you haven't yet, go ahead and open
up the token.js file that you created.
0:01
Check the syntax of your token class
declaration against mine here.
0:07
Okay, now, let's go ahead and
add in our empty constructor method.
0:11
Okay, so after developing
the properties for the player object,
0:16
you might have found it easier to think
about how to organize the token object.
0:20
That's because a lot of the properties
of a token are dependent on the player
0:25
that owns it.
0:30
With that in mind, the first property
of the token object should be owner.
0:31
This property will hold a reference to
the player object that owns the token.
0:35
This is useful because now each
token will have access to the ID and
0:39
the color of the player that owns it.
0:43
Setting it up this way means fewer
properties for us to manage later.
0:45
The reference to the player object is
passed in when the player token object
0:49
is created.
0:53
Don’t worry about that too much now.
0:54
You'll be writing that
method in the next step.
0:56
Next, the token object
needs an ID property.
0:58
The main reason a token needs an ID
property is because eventually
1:02
there will be many token objects
represented in our HTML.
1:07
And we'll need to be able to
reference each HTML representation
1:11
individually with an ID for
CSS and DOM manipulation purposes.
1:15
For now, I'll set the ID to token.
1:20
But this won't work in the long run
because each token ID needs to be unique.
1:22
So how can we do that?
1:27
When we write the method to create
the token objects inside the player class,
1:28
you'll see that the token objects are all
going to be created inside the for loop.
1:33
On each iteration,
a new token will be created.
1:39
And one way to give each token a unique
ID is to pass in the loop index.
1:41
I can concatenate this index
with the string token and
1:46
then each token object of a given
player will now have a unique ID.
1:50
I'm using template literals to do this.
1:54
For a refresher on how to
use template literals,
1:57
check the teacher's notes on this video.
2:00
Now I'm also going to concat the value
of the owning player's ID property so
2:02
we can tell the tokens
of each player apart.
2:08
The final property will be dropped.
2:11
This will hold a true or
false, or Boolean value,
2:12
that indicates whether or
not that token has been played.
2:16
To start, it will be set to false because
none of the tokens have been dropped yet.
2:20
Okay, now that the token constructor
method has been created,
2:24
move to the next step, where we'll write
the method to create all of the tokens.
2:28