Welcome to the Treehouse Community
Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.
Looking to learn something new?
Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.
Start your free trialraul montes
134 PointsIssue with the drawHTMLToken()
IHello guys, I get the following error:
Uncaught TypeError: Cannot read property 'drawHTMLToken' of undefined at Game.startGame (Game.js:35) at HTMLButtonElement.<anonymous> (app.js:10) startGame @ Game.js:35 (anonymous) @ app.js:10
My code in Game.js:
class Game {
constructor() {
this.board = new Board();
this.players = this.createPlayers();
this.ready = false;
}
/*
* This getter method should return the Player object whose active property is * equal to true.
* @return {object} player - the active player
*/
activePlayer(){
return this.players.find(player => player.active);
}
createPlayers(){
/**
* Creates two player objects
* @return {Array} An array of two Player objects.
*/
const players = [new Player('Player 1', 1,'#e15258', true),
new Player('Player 2', 2, '#e59a13')];
return players;
}
/*
* Gets game ready for play
* Initializes game
*/
startGame(){
this.board.drawHTMLBoard();
this.activePlayer.activeToken.drawHTMLToken();
this.ready = true;
}
}
My code in app.js:
const game = new Game();
/**
- Listens for click on
#begin-game
and calls startGame() on game object */ //Ashley way
document.getElementById('begin-game').addEventListener('click', function(){ this.style.display = 'none';
document.getElementById('play-area').style.opacity = '1';
game.startGame(); });
I wasn't able to solve this last problem :( Any idea about what is wrong with my code? Many thank!
1 Answer
Ben Antino
15,699 PointsWhen you write:
startGame(){ // inside this method // This statment console.log( this.activePlayer.activeToken ); {
Can you see any value in the console of the browser?
Rupertson Espinosa
4,128 PointsRupertson Espinosa
4,128 Pointsin your Game.js, you forgot to put declare the activePlayer() method as a getter method but typing "get" in front of it.