Código não é lido

Estava fazendo o exercício, porém me deparo com um problema que não consigo resolver, reformulei o código varias vezes, reescrevi como no vídeo da aula, mesmo assim o código quando entra na instrução de repetição (for ou while) não exibe mais nada, gostaria da ajuda de vocês para solucionar este problema. Segue abaixo o código:

<canvas id="tela" width="600" height="400"></canvas>

<script>

var squareGreen = function(x,y) {
    var tela = document.getElementById("tela");
    var c = tela.getContext("2d");

    c.fillStyle = "green";
    c.fillRect(x,y,50,50);

    c.strokeStyle = "black";
    c.strokeRect(x,y,50,50);
}

var squareRed = function(x,y,) {
    var tela = document.getElementById("tela");
    var c = tela.getContext("2d");

    c.fillStyle = "red";
    c.fillRect(x,y,50,50);

    c.strokeStyle = "black";
    c.strokeRect(x,y,50,50);
}

for(var x = 0; x < 600; x = x + 50) {
    squareGreen(x,0);
    squareRed(x,50);
}

</script>

Obs: Uso como navegador o Google Chrome, mesmo trocando para o Explore ou Mozilla ele também não funciona.

Grato desde já, Felipe.