Need help with Chore Door step 10

Language Help JavaScript
1

Hi guys! for some reason, the doors never open. I have followed all the instructions until step 10 and it doesn’t work. thank you so much!

Here my JS code:


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

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";
                                         
door1.onclick = () => { 
doorImage1.scr=botDoorPath;
};

door2.onclick = () => {
doorImage2.scr = beachDoorPath;
};

door3.onclick = () => {
doorImage3.scr = spaceDoorPath;
} ;

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>
</div>
  
<table>
  <tr>
		    <td class="instructions-number">1 </td>
        <td class="instructions-text">Hiding behind one of these doors is the ChoreBot. </td>
 </tr>
    <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"> f 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>

  

  </body>   
   
</html>
1 Like
2

It’s src not scr
Hope this helps :grinning:
(Don’t forget to include the link)

3

Lol XD,

now is working, Thank you so much!