Chore Door project. Robot will not appear on clicking door image. Steps 1 - 10

The first ten steps are to have the chorebot appear when clicking the door image. This is not occuring when I click it. I have watched the tutorial video and gone through all the steps.

index.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://content.codecademy.com/projects/chore-door/images/closed_door.svg">
    </div>
    <script type="text/javascript" src="script.js"></script>
  </body>
</html>

style.css

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

#door1 {
  cursor: pointer;
}

script.js

let doorImage1 = document.getElementByID('door1');
const botDoorPath = 'https://content.codecademy.com/projects/chore-door/images/robot.svg';
doorImage1.onclick = () => {
doorImage1.src = botDoorPath;
}

Your browser contains a console (f12 -> console) which might contain contain errors which can useful/helpful to helping you identify the problem

looking at the code, I would guess getElementByID isn’t quite right. Id should be cammelcase. (even though ID itself is an abbreviation of identifier)