DÚVIDA DESENHATEXTO

Por que meu desenhatexto não funciona?

<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.fillStroke = 'black';
    pincel.strokeRect(x, y, tamanho, tamanho);
    pincel.fill();

}

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);

}    

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

    desenhaQuadrado(x, 0, 50,'green');

}

    desenhaQuadrado(x, 0, 50, 'white');

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


    </script>