Picture wont pop up in Chore Door

hello, I’m on step 10 and the chore robot picture won’t load. I tried everything I can think of, I did exactly as she did in the video. can someone help me? here’s my code:

HTML:
<!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="door-row">
  <img id="door1" src="https://s3.amazonaws.com/codecademy-content/projects/chore-door/images/closed_door.svg"> 
</div>
    
    <script type="text/javascript" scr="script.js"></script>
  </body>
</html>

CSS:
body {
background-color: #010165;
margin: 0px;
}

#door1 {
cursor: pointer;
}

JavaScript:
let doorImage1 = document.getElementById(“door1”);

let botDoorPath =
https://s3.amazonaws.com/codecademy-content/projects/chore-door/images/robot.svg

doorImage1.onclick = () => {doorImage1.scr =
botDoorPath}

HTML:

Chore Door!
<script type="text/javascript" scr="script.js"></script>

The SRC attribute is correct as we can see above. Hard to say what the problem may be. Please post a link to the exercise.

If your problem is that the door image doesn’t change when you click on it, you should fix the spelling error in this line of code: scr?? :wink:
Good luck! && Happy coding!

2 Likes