Chore Door Game; won't start?

Language Help JavaScript
1

I followed the instructions, but the game won’t start…
What is wrong with my code?

let doorImage1 = document.getElementById('door1');
let doorImage2 = document.getElementById('door2');
let doorImage3 = document.getElementById('door3');

const botDoorPath = "https://s3.amazonaws.com/codecademy-content/projects/chore-door/images/robot.svg";
const beachDoorPath = "https://s3.amazonaws.com/codecademy-content/projects/chore-door/images/beach.svg";
const spaceDoorPath = "https://s3.amazonaws.com/codecademy-content/projects/chore-door/images/space.svg";
const closedDoorPath = "https://s3.amazonaws.com/codecademy-content/projects/chore-door/images/closed_door.svg";

let startButton = document.getElementById('start');
let currentlyPlaying = true;
let numClosedDoors = 3;
let openDoor1, openDoor2, openDoor3;


const isBot = (door) => {
  if (door.src === botDoorPath){
    return true;
  } else{
    return false;
  }
}

const isClicked = (door) => {
  if (door.src === closedDoorPath){
    return false;
  } else {
    return true;}
}


const playDoor = (door) => {
  numClosedDoors--;
  if (numClosedDoors === 0){
    gameOver('win');
  } else if (isBot(door)){
    return gameOver();
  }
};

const randomChoreDoorGenerator = () =>{
  let choreDoor = Math.floor(Math.random()*numClosedDoors)
  if (choreDoor===0){
    openDoor3 = botDoorPath;
    openDoor2 = beachDoorPath;
    openDoor1 = spaceDoorPath;
  } else if (choreDoor===1){
    openDoor2 = botDoorPath;
    openDoor3 = spaceDoorPath;
    openDoor1 = beachDoorPath;
  } else {
    openDoor1 = botDoorPath;
    openDoor2 = spaceDoorPath;
    openDoor3 = beachDoorPath;
  }
}


doorImage1.onclick = () => {
  if (!isClicked(doorImage1) && currentlyPlaying){
     doorImage1.src = openDoor1;
     playDoor(doorImage1);
  }
};

doorImage2.onclick = () => {
  if (!isClicked(doorImage2) && currentlyPlaying){
  doorImage2.src = openDoor2;
  playDoor(doorImage2);
  }
};

doorImage3.onclick = () => {
  if (!isClicked(doorImage3) && currentlyPlaying){
  doorImage3.src = openDoor3;
  playDoor(doorImage3);
  }
};

const startRound = () => {
  doorImage1.src = closedDoorPath;
  doorImage2.src = closedDoorPath;
  doorImage3.src = closedDoorPath;
  numClosedDoors = 3;
  starButton.innerHTML = "Good luck!";
  currentlyPlaying = true;
  randomChoreDoorGenerator();
}


startButton.onclick = () =>{
  if(!currentlyPlaying){
    startRound();
  }
}

const gameOver = (status) = {
  if (status ==='win'){
    startButton.innerHTML = "You win! Play again?"
  } else {
    startButton.innerHTML = "Game over! Play again?"
    currentlyPlaying = false;
  }  
}

startRound();
1 Like
2

that part is missing a ;

Will that fix it? Also, did you make sure the script file is linked in the HTML?

3

I’d recommend looking at your gameOver ‘function’ the syntax isn’t quite right. Also are you doing writing this in the codecademy editor? For the projects I’d recommend using a standalone editor such as Visual Studio Code, it’ll help pick up on errors a bit easier.