Qual a fração com o for

<canvas width="1000" height="1000"></canvas>

<script>
    function desenhaQuadrado(x, y, tamanho, cor) {
        var tela = document.querySelector("canvas");
        var pincel = tela.getContext("2d");

        pincel.fillStyle = cor;
        pincel.fillRect(x, y, tamanho, tamanho);
        pincel.strokeRect(x, y, tamanho, tamanho);


    }


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

        pincel.font='20px Georgia';
        pincel.fillStyle='black';
        pincel.fillText("Qual é a fração?", 50, 30)



    for (var x = 0; x < 500; x = x + 100){

        desenhaQuadrado(x, 50, 100, "green")


    }

    for (var x = 500; x < 900 ; x = x + 100) {
        desenhaQuadrado(x, 50, 100,  "white")
    }


</script>