Accessing Player properties

Question

Hi,

token.style.backgoundColor = this.owner.color;

~ 4:50 mark in the video Ashley says that the double-dot notation for this.owner.color makes sense there because the this.owner property is holding the Player object.

The Player object holds the color property so therefore we can use this.owner.color from Token.js to access the color property in Player.js

The double-dot part makes total sense but at what point in this project did we establish that ‘color’ is a property stored accessible to ‘owner’? How are we able to move across the files and pull properties from ‘Player’ and use them in ‘Token’?

Thanks for any input!

SL

Answer 1 · 2020-10-06T15:51:31Z

October 6, 2020 3:51pm

I haven't taken the video series, but I looked at the prior solution. At that point, the Game creates players, feeding in colors using hex values (eg '#e15258')

new Player('Player 1', 1, '#e15258', true)

The player class stores the color in the color field

class Player {
    constructor(name, id, color, active = false) {
        this.name = name;
        this.id = id;
        this.color = color;

The player also creates tokens, feeding in the the current object (of type player) as "this"

let token = new Token(i, this);

The second param for token is store as owner

class Token {
    constructor(index, owner){
        this.owner = owner;

So, implicitly, on a token, you can write this.owner to access a player, which will contain a color attribute. And you can assign the value contained therein to a property on the token.

Welcome to the Treehouse Community

Looking to learn something new?

Seth Lewis

Seth Lewis

Accessing Player properties

1 Answer

Simon Coates

Simon Coates

Seth Lewis

Seth Lewis