Practica
<canvas width="600" height="400">
</canvas>
<script>
function dibujarCuadrado(x,y,color){
var pantalla = document.querySelector("canvas");
var pincel = pantalla.getContext("2d");
pincel.fillStyle = color;
pincel.fillRect(x,y,50,50);
pincel.strokeStyle = "black";
pincel.strokeRect(x,y,50,50);
}
dibujarCuadrado(0,0,"pink");
dibujarCuadrado(50,0,"violet");
dibujarCuadrado(100,0,"lightgrey");
</script>
¡Hola Estudiante!
Por lo que puedo ver, estás practicando cómo crear funciones genéricas en JavaScript. En este caso, la función dibujarCuadrado recibe tres parámetros: x, y y color. Estos parámetros se utilizan para dibujar un cuadrado en una posición específica y con un color específico.
Lo interesante de esta función es que puedes llamarla varias veces con diferentes valores para los parámetros x, y y color, y obtendrás diferentes cuadrados en diferentes posiciones y colores. Esto hace que la función sea genérica y reutilizable en diferentes partes de tu código.
Espero que esta explicación te haya sido útil. Si tienes alguna otra pregunta, no dudes en preguntar. ¡Espero haber ayudado y buenos estudios!