Não consigo meu erro

Boa noite,

Eu fez o exercicio como vcs explanejam mas não sei porque não consigo que pegue os 600 do "widht"... comparei o códido muitas vecez como o que o Flávio explaneja, mais não consigo o erro

<canvas weidth="600" height="400"></canvas>

<script>

    function desenhaQuadrado(x, y, cor) {

        var tela = document.querySelector('canvas');
        var pincel = tela.getContext('2d');

        pincel.fillStyle = cor;
        pincel.fillRect(x, y, 50, 50);
        pincel.strokeStyle = 'black';
        pincel.strokeRect(x, y, 50, 50);

    }
/*
    var x = 0;

    while(x < 600) {

        desenhaQuadrado(x, 0, 'green');
        x = x + 50; 
    }
    */

    for(var x = 0; x < 600; x = x + 50) {

        desenhaQuadrado(x, 0, 'green');

    }

</script>