Chore Door Project: Stuck at Step 45

Get Help
1

Hello
I have been on this project and I am stuck at step 45. When I refresh the page and I click on each door, nothing is appearing. I am also running that through google chrome.

here is my Html code :

<!DOCTYPE html>
<html>
  <head>
    <title>Chore Door!</title>
    <link href="./style.css" rel="stylesheet" type="text/css">
    <link href="https://fonts.googleapis.com/css?family=Work+Sans" rel="stylesheet" type="text/css">
  </head>

  <body>
    <div class="header">
      <img src="https://s3.amazonaws.com/codecademy-content/projects/chore-door/images/logo.svg">
    </div>
   <div class="title-row">
  <img src="https://s3.amazonaws.com/codecademy-content/projects/chore-door/images/star.svg">
     <p class="instructions-title">Instructions</p>
     <img src="https://s3.amazonaws.com/codecademy-content/projects/chore-door/images/star.svg">
    </div>
    <table class="instructions-row">
      <tr>
  </tr>
  <td class="instructions-number">1</td>
  <td class = "instructions-text">Hiding behind one of these doors is the ChoreBot.</td>
  <tr>
  <td class="instructions-number">2</td>
  <td class = "instructions-text">Your mission is to open all of the doors without running into the ChoreBot.</td>
  </tr>
  <tr>
    <td class="instructions-number">3</td>
    <td class = "instructions-text">If you manage to avoid the ChoreBot until you open the very last door, you win!</td>
  </tr>
  <tr>
    <td class="instructions-number">4</td>
    <td class = "instructions-text">See if you can score a winning streak!</td>
  </tr>
    </table>
     <div class="door-row">
    <img id ="door1" class="door-frame"  src="https://s3.amazonaws.com/codecademy-content/projects/chore-door/images/closed_door.svg">
  <img id ="door2" class="door-frame" src="https://s3.amazonaws.com/codecademy-content/projects/chore-door/images/closed_door.svg">
  <img id ="door3" class="door-frame" src="https://s3.amazonaws.com/codecademy-content/projects/chore-door/images/closed_door.svg">
      <div id="start" class="start-row">Good Luck!
       </div>
    </div>
  </body>
  <script type="text/javascript" src="script.js"></script>
</html>
Here is my javascript : 

let doorImage1 = document.getElementById('door1');
let doorImage2 = document.getElementById('door2');
let doorImage3 =document.getElementById('door3');
let numClosedDoors = 3;
let openDoor1;
let openDoor2;
let openDoor3;
let botDoorPath = "https://s3.amazonaws.com/codecademy-content/projects/chore-door/images/robot.svg";
let beachDoorPath = "https://s3.amazonaws.com/codecademy-content/projects/chore-door/images/beach.svg";
let spaceDoorPath = "https://s3.amazonaws.com/codecademy-content/projects/chore-door/images/space.svg";
const randomChoreDoorGenerator = () => {
 const 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 (choreDoor === 2){
    openDoor3 = botDoorPath;
    openDoor1 = beachDoorPath;
    openDoor2= spaceDoorPath;
  }
  
}

doorImage1.onclick= () =>{
  doorImage1.src = openDoor1;
}
doorImage2.onclick= () =>{
  doorImage2.src = openDoor2;
}

doorImage3.onclick= () =>{
  doorImage3.src = openDoor3;
}

randomChoreDoorGenerator();

Can someone please take a look of it and tell me what I did wrong.

Thank you!

2

you can use the console to see if there any errors, there is an error here:

else (choreDoor === 2)

else can’t have a condition, given its everything else (all the remaining case). So use else without condition or use else if

3

Thank you for remind me to use the console and the else if worked. you are the Man, thanks again