Entrar Ainda não tem acesso?
2
respostas

Fração com escolha de numerador e denominador

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 Gabriela Andrade de Torres
| 37.9k xp | 3 posts
Enfermeira esf 
<meta charset="UTF-8">

<canvas width="600" height="400"> </canvas>

<script>



function desenhaQuadrado (x,y, tamanho, cor) {

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

    pincel.fillStyle = cor;
    pincel.fillRect (x,y,tamanho,tamanho);
    pincel.fillStroke = "black";
    pincel.strokeRect (x,y,tamanho,tamanho);
}

var denominador = parseInt (prompt ("Agora, escolha um denominador!"))
var numerador = parseInt (prompt ("Escolha um numerador!"))

var contador = 0 


    while (contador < numerador){

        desenhaQuadrado (contador*50,0,50,"green");
        contador ++

    }

    while (contador < denominador){
        desenhaQuadrado (contador*50,0,50,"white");
        contador ++;
    }


</script>
2 respostas
por Gabriela Andrade de Torres
| 37.9k xp | 3 posts
Enfermeira esf

Refatorando o código: 

<meta charset="UTF-8">

<canvas width="600" height="400"> </canvas>

<script>



function desenhaQuadrado (x,y, tamanho, cor) {

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

    pincel.fillStyle = cor;
    pincel.fillRect (x,y,tamanho,tamanho);
    pincel.fillStroke = "black";
    pincel.strokeRect (x,y,tamanho,tamanho);
}

var denominador = parseInt (prompt ("Agora, escolha um denominador!"))
var numerador = parseInt (prompt ("Escolha um numerador!"))


for (var contador = 0; contador < denominador; contador ++) {

    if (contador < numerador) {
        desenhaQuadrado (contador*50,0,50,"green");

    }

    else {
        desenhaQuadrado (contador*50,0,50,"white");
    }

}



</script>
por Caroline Carvalho
| 946k xp | 2965 posts
Alura Scuba Team

Olá, Gabriela! Tudo bem por aí?

Excelente, sua solução está correta, parabéns!

Caso tenha alguma dúvida não deixe de compartilhar.

Bons estudos e até mais!