Exercício Qual é a fração?

<met charset = "UTF-8">
<canvas width="600" height="400"></canvas>
<script>
    function desenhaTexto(texto, x, y) {
        var tela = document.querySelector('canvas');
        var pincel = tela.getContext('2d');
        pincel.font='20px Georgia';
        pincel.fillStyle='black';
        pincel.fillText(texto, x, y);
    }

    desenhaTexto("Qual é a fração?", 20, 80);

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

    function desenhaQuadrado(x, y, tamanho, cor) {
        pincel.fillStyle = cor;
        pincel.fillRect(x, y, tamanho, tamanho);
        pincel.fillStroke = 'black';
        pincel.strokeRect(x, y, tamanho, tamanho);
    }

    for ( var x = 0; x < 150; x = x + 50)  {
        desenhaQuadrado(x, 0, 50,  'green');
    }

     desenhaQuadrado(150, 0, 50, 'white');
</script>