Minha resolução: Esquadro colorido!! | JavaScript e HTML: pratique lógica com desenhos, animações e um jogo

<meta charset="utf-8">

    <h2>Meu Esquadro!!!</h2><br><hr>
    <h1>Por: Jander Pinto Sidrão</h1><hr>

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

    <script >   

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

        pincel.beginPath();
        pincel.moveTo(50,50);
        pincel.lineTo(50,400);
        pincel.lineTo(400,400);
        pincel.fillStyle = ' red'
        pincel.fill();

        pincel.beginPath();
        pincel.moveTo(100,175);
        pincel.lineTo(100,350);
        pincel.lineTo(275,350);
        pincel.fillStyle = 'green'
        pincel.fill();

 </script>