title: Why isn't the stroke color changing?
body: <p>I want the color to change for each square drawn.
  Maybe it has something to do with rgb? But im really new to this so I don't really know haha.</p>
  
  <p>Have no idea what else to try.</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
    &lt;head&gt;
      &lt;meta charset="utf-8"&gt;
      &lt;title&gt;IDK&lt;/title&gt;
      &lt;style&gt;
        body {
          background-color:rgb(30, 30, 30);
          color:White;
        }
      &lt;/style&gt;
    &lt;/head&gt;
    &lt;body&gt;
      &lt;h2&gt;IDK&lt;/h2&gt;
      &lt;canvas id="minCanvas" width="600" height="600"&gt;&lt;/canvas&gt;
      &lt;script&gt;
        var canvas = document.getElementById("minCanvas");
        var ctx = canvas.getContext("2d");
        var side=600;
        var x=0;
        var y=0;
        var a = 255;
        var b = 255;
        var c = 255;
        while (side&gt;0) {
          ctx.strokeStyle = "rgb(a,b,c)";
          ctx.strokeRect(x, y, side, side);
          //ctx.stroke();
          a-=50;
          b-=10;
          c-=30;
          x+=5;
          y+=5;
          side-=10;
        }
      &lt;/script&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>