[Proyecto] La cara de Creeper

<h1>
    La cara de Creeper
</h1>
<canvas width="350" height="300">
</canvas>

<script>

    var cabeza = document.querySelector("canvas");

    //nos trae el contenido que este dentro de la pantalla 
    var pincel = cabeza.getContext("2d");

    //utilizamos fillStyle(es un propiedad o caracteristica) para definir el color
    pincel.fillStyle = "darkgreen";

    //funcion fill que significa llenar, rec= rectangulo, en la posicion 0,0
    pincel.fillRect(0,0,350,300);

    //agregamos el ojo izquierdo
    pincel.fillStyle = "black";
    pincel.fillRect(50,50,90,90);

    //agregamos el ojo derecho
    pincel.fillStyle = "black";
    pincel.fillRect(200,50,90,90);

    //agregamos la nariz
    pincel.fillStyle = "black";
    pincel.fillRect(125,140,90,60);

    //agregamos la boca
    pincel.fillStyle = "black";
    pincel.fillRect(100,170,40,110);
    pincel.fillRect(200,170,40,110);

</script>! )