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]