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;
}