Escrevi uma função para facilitar a pintura dos quadrados. Porém na execução do código abaixo, o quadrado é pintado na cor verde, ao invés de preto. Parece que ele não está reconhecendo a cor que está sendo passada na função e utiliza a última cor utilizada.
Mas qual é o erro?
Obrigado.
<canvas id="creeper" width="600" height="400"></canvas>
<script>
var tela = document.querySelector("canvas");
var pencil = tela.getContext("2d");
function quadrados (cor, posicaox, posicaoy, tamx, tamy){
pencil.fillStyle = "cor";
pencil.fillRect(posicaox, posicaoy, tamx, tamy);
}
pencil.fillStyle = "green";
pencil.fillRect(0, 0, 350, 300);
quadrados ("black", 50, 50, 90, 90);
</script>
