1
resposta

Alternativa de resolução/ Possibilidade de melhoria

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>
1 resposta

Oi Giovanni tudo bem?

O código ficou bom! Se você quiser você poderia colocar alguns if para impedir que o usuário coloque coisas nada haver como palavras, números negativos, etc.