Pessoal, Fiz o programa de uma forma diferente e gostaria de saber se podem me ajudar a melhorar o meu. Nele, peço que o usuário informe qual o total quantas partes deseja tomar. Desde já agradeço.
<canvas width="600" height="400"></canvas>
<script>
var tela = document.querySelector("canvas");
var pincel = tela.getContext("2d");
function quadradoPreenchido(x,y, i1, i2, cor) {
pincel.fillStyle = cor;
pincel.fillRect(x,y,i1,i2);
pincel.fillStyle = "black";
pincel.strokeRect(x,y,i1,i2);
}
function quadradoVazio(X,Y,I1,I2) {
pincel.fillStyle = "black";
pincel.strokeRect(X,Y,I1,I2);
}
var x=0;
var quantidadeV = prompt("informe qual o total de partes");
var incremento = 600/quantidadeV;
while (x<600){
quadradoVazio(x,0,incremento,incremento);
x=x+incremento;
}
var quantidadeP = prompt("informe quantas partes deseja tomar");
a=0;
while (a<incremento*quantidadeP){
quadradoPreenchido(a,0,incremento,incremento,"green");
a=a+incremento;
}
</script>