<meta charset="UTF-8">
<!--------------------------------------------------LA CARA DE CREEPER EJERCICIO----------------------------------------------------------->
<h1>CREEPER</h1>
<canvas width="600"height="400"> </canvas> <!--Etiquetas en HTML para realizar dibujos, da altura y largo-->
<script>
var pantalla = document.querySelector("Canvas"); // Conecta HTML con JavaScript
var pincel = pantalla.getContext("2d")// pantalla.getContext("2d") = Función para traer el contenido de variable pantalla en 2d, alto y ancho.
pincel.fillStyle = "green"; //Propiedad o característica para definir color
pincel.fillRect(0,0,350,300); // Función método del objetopara dibujar en rectángulo en posición (x, y)
pincel.fillStyle = "black" // Ojo
pincel.fillRect(50,60,90,90); //Comenzando en la posición 0, pinte un rectángulo verde de ancho 200
pincel.fillStyle = "black" // Ojo
pincel.fillRect(210,60,90,90); //Comenzando en la posición 0, pinte un rectángulo verde de ancho 200
pincel.fillStyle = "black" // Naríz
pincel.fillRect(140,150,70,100); //Comenzando en la posición 0, pinte un rectángulo verde de ancho 200
pincel.fillStyle = "black" // Boca
pincel.fillRect(100,190,40,110); //Comenzando en la posición 0, pinte un rectángulo verde de ancho 200
pincel.fillStyle = "black" // Boca
pincel.fillRect(210,190,40,110); //Comenzando en la posición 0, pinte un rectángulo verde de ancho 200
</script>
