Outra Solução

<meta charset="utf-8">
<canvas width="600" height="400"></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.strokeStyle = 'black';
        pincel.strokeRect(x, y, tamanho, tamanho);
    };

    function desenhaTexto (texto, x, y) {
        var tela = document.querySelector('canvas');
        var pincel = tela.getContext('2d');

        pincel.font = '40px Georgia';
        pincel.fillStyle = 'black';
        pincel.fillText(texto, x, y);
    }

    desenhaQuadrado(100, 100, 50, 'green');

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

        if (x == 450) {
            desenhaQuadrado(450, 100, 150, 'white');
            { break; }
        }
    };
    desenhaTexto("Qual é a fração?", 50, 70);
    desenhaQuadrado();

</script>