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]