title: I'm trying to display shapes using canvas and they aren't showing up
body: <p>I am working on a simple game (following a tutorial on Zenva Academy) and, although I've followed the instructions to a T, I can't seem to get my canvas shapes to show up in the browser. Here is the code I have so far:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>var canvas = document.getElementByID('myCanvas');
  var ctx = canvas.getContext('2d');
  
  let screenWidth = 1000;
  let screenHeight = 500;
  
  class GameCharacter {
    constructor(x, y, width, height, color) {
      this.x = x;
      this.y = y;
      this.width = width;
      this.height = height;
      this.color = color;
    }
  }
  
  var blueSquare = new GameCharacter(
    50, 50, 50, 50, "rgb(0, 0, 255)"
  );
  var rectangle = new GameCharacter(
    75, 75, 100, 50, "rgb(0, 255, 0)"
  );
  var redSquare = new GameCharacter(
    100, 50, 50, 50, "rgb(255, 0, 0)"
  );
  
  var draw = function() {
    ctx.clearRect(0, 0, screenWidth, screenHeight);
  
    ctx.fillStyle = "rgb(0, 0, 255)";
    ctx.fillRect(blueSquare.x, blueSquare.y, blueSquare.width, blueSquare.height);
  
    ctx.fillStyle = rectangle.color;
    ctx.fillRect(rectangle.x, rectangle.y, rectangle.width, rectangle.height);
  
    ctx.fillStyle = redSquare.color;
    ctx.fillRect(redSquare.x, redSquare.y, redSquare.width, redSquare.height);
  
  }
  
  var step = function() {
    draw();
  
    window.requestAnimationFrame(step);
  }</code></pre>
  <pre class="snippet-code-css lang-css prettyprint-override"><code>canvas {
    border: 4px solid green;
    background-color: yellow;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;canvas id='myCanvas' width='1000' height='500'&gt;&lt;/canvas&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>I am still fairly new to this and this is the first question I've ever asked on a forum. Let me know if I'm doing something wrong. LOL! </p>
  
  <p><strong><em>I am using:</em></strong></p>
  
  <p><strong>OS:</strong> Windows 10 Pro 64-bit</p>
  
  <p><strong>Browser:</strong> Tried both Chrome and Microsoft Edge</p>
  
  <p><strong>Code Editor:</strong> Sublime Text 3</p>