I am currently working on the Building and interactive website project and I have hit a wall, so from what I can see I have written all of the code out but when I click on the doors the images are not showing up? has anyone else completed this project and do you know where I am going wrong, I will copy and paste my JavaScript code below for anyone to take a look and advise me where I have made my mistake. I have had to take out the image URL as it would let me post this with them.
Thanks in Advance!!!
let doorImage1 = document.getElementById('door1');
let doorImage2 = document.getElementById('door2');
let doorImage3 = document.getElementById('door3');
let startButton = document.getElementById('start');
let botDoorPath =
let beachDoorPath ==
let spaceDoorPath =
let closedDoorPath =
let numClosedDoors = 3;
let openDoor1;
let openDoor2;
let openDoor3;
let currentPlaying = true;
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)){
gameOver('lose');
}
};
randomChoreDoorGenerator = () => {
let choreDoor = Math.floor(Math.random() * numClosedDoors);
if(choreDoor === 0){
openDoor1 = botDoorPath;
openDoor2 = beachDoorPath;
openDoor3 = spaceDoorPath;
}else if(choreDoor === 1){
openDoor2 = botDoorPath;
openDoor1 = spaceDoorPath;
openDoor3 = beachDoorPath;
} else {
openDoor3 = botDoorPath;
openDoor1 = beachDoorPath;
openDoor2 = spaceDoorPath;
}
};
door1.onclick = () => {
if(currentlyPlaying && !isClicked(doorImage1)){
doorImage1.src = openDoor1;
playDoor(doorImage1);
}
}
door2.onclick = () => {
if(currentlyPlaying && !isClicked(doorImage2)){
doorImage2.src = openDoor2;
playDoor(doorImage2);
}
}
door3.onclick = () => {
if(currentlyPlaying && !isClicked(doorImage3)){
doorImage3.src = openDoor3;
playDoor(doorImage3);
}
}
startButton.onclick = () => {
if(currentlyPlaying === false){
startRound();
}
};
const startRound = () => {
door1.src = closedDoorPath;
door2.src = closedDoorPath;
door3.src = closedDoorPath;
numClosedDoors = 3;
startButton.innerHTML = 'Good Luck';
currentlyPlaying = true;
randomChoreDoorGenerator();
};
const gameOver = (status) => {
if(status === 'win'){
startButton.innerHTML = 'You win! Play again?'
} else{
startButton.innerHTML = 'Game over! Play again?'
}
currentPlaying = false;
};
startRound();