Progressão Aritmética (PA) em JavaScript

Neste tutorial de JS, vamos te explicar o que é uma PA (progressão aritmética), bem como vamos aprender como formar uma, através da linguagem de programação JavaScript.

Estudar offline: Apostila de JavaScript (PDF)

PA: Progressão Aritmética na Matemática

Uma Progressão Aritmética, ou PA, nada mais é que uma sequência, um conjunto de números.

Mas não é uma sequência qualquer: ela tem uma regra, um padrão para a formação desses números.

Para formamos uma PA, é necessário duas coisas:

um termo inicial, um número que começa a progressão

uma razão, um termo constante

Temos então o termo inicial.

A regra da formação dos números de uma progressão aritmética é simples: o próximo termo é sempre o anterior somado da razão.

Vamos pegar um exemplo.

Uma PA de razão 3 e termo inicial igual 2. Vamos montar ela?

Primeiro termo = 2

Segundo termo = 2 + 3 = 5

Terceiro termo = 5 + 3 = 8

Quarto termo = 8 + 3 = 11

Quinto termo = 11 + 3= 14

...

Ou seja, o próximo termo a sequência é sempre o anterior, somado da razão.

Progressão Aritmética em JavaScript

Agora, vamos usar esses conhecimentos em programação JS.

O usuário vai fornecer três coisas: o termo inicial, a razão e o até qual termo (primeiro, segundo, terceiro, ...décimo.., vigésimo...) ele deseja ver, e nosso script vai mostrar a PA para ele.

Inicialmente, pedimos três valos ao usuário:

Termo inicial: número na qual inicia a PA

Razão da Progressão aritmética

Termo: exibir até o termo x (termo 5, termo 6, termo 7, termo 8 etc)

Em seguida, um botão que invoca a função PA() do JS.

Nessa função do JavaScript, primeiro pegamos os dados fornecido pelo usuários, que são strings, e passamos para inteiro com o parseInt.

O resultado, ou seja, toda a PA, vamos armazenar na string pa, que inicialmente é vazia.

Agora vem a parte principal.

O usuário vai escolher até que termo deseja ver a PA: termo 1, 2, 3, 4, 5, 6..., 100,...1000...

Vamos fazer um contador ir de 1 até esse valor, que é termo. A variável count vai fazer isso.

Lá, exibimos tal termo, que está armazenado na variável valor, que inicia com o termo inicial.]

Após printarmos ela na string pa, temos que ir para o próximo termo da PA.

O próximo termo é o termo anterior somado da razão:

valor = valor + razao;

Ou simplesmente:

valor += razao;

E o looping segue.

No final, apenas printamos a variável pa, que tem toda nossa PA.

Código HTML:

<!DOCTYPE html>
<html>
 <head>
   <title>Apostila JavaScript Progressivo</title>
   <script type="text/javascript" src="script.js"> </script>
 </head>
 <body>
    Termo inicial    : <input id="inicial" type="number"> <br />
    Razão da PA      : <input id="razao" type="number"> <br />
    Mostrar até termo: <input id="termo" type="number"> <br />
    <button onclick="PA()">Exibir</button><br />
 </body>
</html>

Código javascript.js:

function PA(){
  var valor = parseInt(document.getElementById('inicial').value);
  var razao = parseInt(document.getElementById('razao').value);
  var termo = parseInt(document.getElementById('termo').value);
  var pa='';

  for(var count=1; count<=termo ; count++){
   pa += "Termo "+count+" = "+valor+"<br />";
    valor += razao;
  }
  document.write(pa);
}

Resultado:

Termo inicial :
Razão da PA :
Mostrar até termo:

JavaScript Progressivo