Entrar Ainda não tem acesso?
1
resposta

Pessoal não consegui colocar o quarto quadrado branco , alguém mim ajuda?

Referente ao curso JavaScript e HTML: pratique lógica com desenhos, animações e um jogo, no capítulo Extraindo funções e atividade Frações

por Sinval Daniel Freitas Souto
| 26k xp | 41 posts
Conferente de Almoxarifado 
<h1>Qual é a fração? </h1>;
<canvas width="600" height="400"></canvas>

<script>

    function desenhaQuadrado(x, y, cor) {

        var tela = document.querySelector('canvas');
        var pincel = tela.getContext('2d');

        pincel.fillStyle = cor;
        pincel.fillRect(x, y, 50, 50);
        pincel.strokeStyle = 'black';
        pincel.strokeRect(x, y, 50, 50);
    }

    var x = 0;


    while(x < 200) {

    desenhaQuadrado(x, 0, 'green');



    x = x + 50;
    }

</script>
1 resposta
por Guilherme Henrique
| 733.8k xp | 2109 posts
Instrutor

Oi Sinval

Com base na sua lógica pensei em uma solução assim dentro do while já que você está incrementando de 50 em 50 e existem 4 quadrados:

if (x < 150) {
  desenhaQuadrado(x, 0, 'green');
} else {
  desenhaQuadrado(x, 0, 'white');
}