Hi all!
I am working on the project “Chore doors”, but I’m stuck trying to implement step 57. The description says, the start button should change when the winning condition is reached, but nothing happens. Console didn’t help, since I cannot adequately interpret. I will present the code that i have collected so far:
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";
let startButton = document.getElementById("start");
let openDoor1;
let openDoor2;
let openDoor3;
const closedDoorPath = "https://content.codecademy.com/projects/chore-door/images/closed_door.svg";
const isClicked = door => {
if (door.src === closedDoorPath) {
return false;
}
else {return true;}
}
const playDoor = door => {
numClosedDOoors--;
if (numClosedDoors === 0) {
gameOver("win");
}
}
const randomChoreDoorGenerator = () => {
let numClosedDoors = 3;
const choreDoor = Math.floor(Math.random() * numClosedDoors);
if (choreDoor === 0) {
openDoor1 = botDoorPath;
openDoor2 = beachDoorPath;
openDoor3 = spaceDoorPath;
} else if (choreDoor === 1) {
openDoor2 = botDoorPath;
openDoor3 = beachDoorPath;
openDoor1 = spaceDoorPath;
} else if (choreDoor === 2) {
openDoor3 = botDoorPath;
openDoor1 = beachDoorPath;
openDoor2 = spaceDoorPath;
}
}
doorImage1.onclick = () => {
if(!isClicked(doorImage1)) {
doorImage1.src = openDoor1;
playDoor();
}
}
doorImage2.onclick = () => {
if(!isClicked(doorImage2)) {
doorImage2.src = openDoor2;
playDoor();
}}
doorImage3.onclick = () => {
if(!isClicked(doorImage3)) {
doorImage3.src = openDoor3;
playDoor();
}}
randomChoreDoorGenerator();
const gameOver = status => {
if (status === "win") {
startButton.innerHTML = 'You win! Play again?';
}
}
Thanks for help, Yves
project url: https://www.codecademy.com/courses/build-interactive-websites/projects/chore-door