Vamos falar sobre loops.
Temos um loop while aqui. E com algumas
linhas de código, posso escrever esta mensagem
até o final da tela
Se eu for em frente e mudar a mensagem assim,
para melhorá-la,
todas elas mudam.
Então, como isso está funcionando?
Bem, podemos rever esse código
daqui a pouco. Mas primeiro vamos voltar um pouco
e pensar como escreveríamos este programa
usando apenas o que sabemos até agora sem usar loops.
Para isso,
vamos escrever um monte de text()
várias vezes, certo?
Vamos escrever "text()", "message"...
vou colocá-lo em primeiro lugar,
e agora é só uma questão de repetir isso
várias vezes
para então,
chegarmos até o final
E isso vai dar trabalho, certo?
Porque o final é realmente muito longe.
E é ainda pior se você em seguida apontar para mim
"hey, na verdade aqui não era 70. Precisa estar mais perto,
"precisa ser, tipo, 60."
E agora afeta este aqui,
porque ele também precisa ser menor.
E assim por diante,
à medida que temos mais chamadas de text().
E, de fato, desta forma vai demorar para chegar ao final.
Então, isso é mesmo massante,
e felizmente temos loops para nos ajudar.
A partir de agora, sempre que você ver um código repetitivo assim,
pense: "Eu pdoeria usar um loop?"
Um loop vai nos deixar repetir
este pedaço de código sempre, apenas fazendo pequenas mudanças a cada vez.
Aqui está como reescreveríamos esse código com um loop.
Para começar, é preciso digitar "while",
os parênteses, e as chaves.
Vamos receber essa mensagem,
mas só porque não terminamos ainda.
Não se preocupe, ela vai embora quando terminar.
Cada vez que você escrever um loop
você precisa responder
a três perguntas-chave.
E aqui estão elas:
Então, a primeira pergunta é:
"O que eu quero repetir?"
E tudo que vamos querer repetir
precisa ir em entre estas chaves.
Queremos repetir a chamada de "text()" neste caso.
Então vá em frente e coloque-o aqui.
Mas é um pouco bobo, né?
Porque agora vamos apenas repetir
a mesma chamada de text() sempre
o que não está muito certo, né?
precisamos de algo que esteja mudando.
Isso nos leva à segunda pergunta, que é:
"O que eu quero mudar de cada vez?"
Queremos mudar esta posição "y", certo?
Queremos que "y" se torne 60
depois que se torne 80
Então, vamos criar uma variável
chamada "y", porque é a posição y.
Vamos declarar uma variável aqui.
Vou iniciá-la em 40.
E agora, finalmente,
só precisamos mudar "y".
Podemos fazer isso aqui para baixo
podemos dizer "y é igual a y mais 20"
e "y" irá aumentar toda vez.
Na verdade, podemos usar nossa lição
de atalhos de incremento aqui.
Nós podemos apenas ir em frente
e usar o atalho.
Então, isso é fantástico.
E só precisamos fazer a pergutna três agora. Que é:
"Por quanto tempo devemos repetir isso?"
Queremos repetir isso várias vezes,
mas, não vamos repetir para sempre, certo?
Se fizermos isso,
primeiro que é um tempo muito longo para esperar,
e, segundo, que pode até travar o seu browser.
Mas esperamos que não.
De verdade, só queremos fazer isso
até chegarmos no final da página, certo?
O que significa que queremos seguir enquanto "y"for menos que 400.
Portanto, colocamos isso aqui,
e está pronto!
Temos esta mensagem está sendo escrita
até o final da tela.
E você pode ver que isso é bem mais simples
que nossa abordagem anterior,
que demorou pra escrevermos.
e nem chegamos à um quarto disso.
Assim, podemos nos livrar disso,
e aí temos o nosso programa.
Agora, vamos tentar entender melhor o que está acontecendo.
Vou imprimir na tela
"y" de cada vez.
Eu vou dizer "y é agora" e, aqui embaixo,
vou colocar "y" no final da mensagem,
para que possamos vê-lo.
Então, no momento,
o valor está mudando a cada 20, certo?
E podemos mudar isso
apenas alterando essa variável aqui.
Ou você pode mudar para, tipo, 50.
E agora, agora estão mudando a cada 50.
Da mesma forma,
você pode brincar com outros valores
para alterá-los.
E você pode ver como isso afeta
onde o programa para.
Assim, para entender isso,
você pode pensar nele como uma condicional.
Nós temos nossa expressão booleana aqui
como você já aprendeu.
Então executamos o corpo da... declaração,
esta parte,
somente se a expressão é verdadeira.
E caso contrário, pulamos para o fim.
Mas o é interessante é que,
com um loop "while"
temos algo secreto acontecendo na parte inferior.
que diz "volte para o início do loop".
E o que esta instrução secreta significa
é que em vez de sair e seguir em frente,
como com uma condicional,
cada vez que executamos o corpo do loop
nós vamos voltar e verificar
se a condição ainda é verdadeira.
E se for,
vamos apenas repetir mais uma vez.
E, assim como você deve ter adivinhado, a segunda vez que repetimos
faremos a mesma coisa.
"Volte para o início,
'y' ainda é menor do que 279?"
E se for, vamos repetir mais uma vez
e continuar verificando.
E se não for, voltamos para o início aqui.
E, finalmente,
saímos do loop,
e continuamos com nosso programa.
Excelente! Existem maneiras mais
interessantes de usar laços
que aprenderemos em breve.
Mas por enquanto, você está pronto pra um ótimo começo.
Legendado por [Pablo Vieira] Revisado por [Cainã Perri]