title: Canvas doesn't show up in the browser using-fillRect
body: <p>I'm a beginner and I just learning about Canvas. I try this but doesn't work with me. this the code I used. Where is the problem ?</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-html lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
    &lt;title&gt; 28 - Canvas - Create Simple Canvas &lt;/title&gt;
    &lt;meta charset="utf-8"&gt;
    &lt;meta name="description" content="Canvas - Create Simple Canvas" &gt;
    &lt;style&gt;
      canvas{
        width: 800px;
        height: 400px;
        border: 1px solid #ccc;
        margin: 50px auto;
        display: block;
      }
    &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
  
    &lt;canvas id="c"&gt;  &lt;/canvas&gt;
    &lt;script&gt;
  
    var MyCanvas = document.getElementById('c');
  
    myContext = MyCanvas.getContext('2d');
    myContext.fillStyle = '#080';
    myContext.fillRect('0, 0, 100, 50');
  
      &lt;/script&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  
  the Console give me that : <strong>Uncaught TypeError: Failed to execute 'fillRect' on 'CanvasRenderingContext2D': 4 arguments required, but only 1 present.</strong></p>