[Javascript] Criando uma tabuada

Olá,

Como prometido, mais um tutorial que pode nos ajudar na escola [Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

Hoje vamos aprender a fazer uma tabuada com Javascript, no caso mais especificamente vamos fazer a tabuada do 10, mas é possível fazer até o número que você desejar...

A lógica é a mesma do outro tópico, vamos usar o while aqui também, como ja expliquei o funcionamento dele naquele tópico peço que leiam ele para entender melhor, assim não preciso repetir o mesmo aqui!

Primeiro vamos criar uma variável para que ela receba o valor que queremos começar a nossa tabuada, como os resultados da tabuada do 0 e do 1 são óbvios, vamos começar pela tabuada do 2

Código:

var t = 2;

Criamos uma variável e atribuimos o valor 2 a ela (t de tabuada).

Agora precisamos iniciar nosso while, mas qual condição ele vai receber? [Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

Bem simples, lembram que o while repete um bloco de instruções até que uma condição seja falsa? Então, no nosso caso a nossa condição vai ser falta quando ele chegar na tabuada do 10 (ou até a tabuada que você quiser..)

Código:

var t = 2;
while( t <= 10 ){
}

O que falamos ai foi: Por favor Javascript, enquanto a variável

t

for menor que 10 repita o bloco de instruções para mim.

Mas quais instruções? Precisamos passar instruções para esse bloco, vamos lá:
Primeiro precisamos determinar onde vamos mostrar a nossa tabuada, como estou fazendo estes exemplo em uma página HTML em branco não vejo problema em usar

document.write

para mostrar as informações, logo em seguida precisamos incrementar nossa variável

t

para que o nosso loop continue:

Código:

var t = 2;
while( t <= 10 ){
    document.write('<br><br>Tabuada do ' + t + '<br>');
    t += 1
}

Certo, ja temos o seguinte texto:

waghcwb escreveu:
Tabuada do 2


Tabuada do 3


Tabuada do 4


Tabuada do 5


Tabuada do 6


Tabuada do 7


Tabuada do 8


Tabuada do 9


Tabuada do 10

Nosso objetivo agora é adicionar os calculos.. Para isso vamos criar outra variável essa vou dar o nome de

n

e vou atribuir o valor 1 a ela.

Logo em seguida precisamos fazer a lógica dos calculos, mas como é essa lógica?

Nós vamos precisar de outro while que vai verificar se

n

é menor que 10, incrementar o

n

e escrever o resultado dessa conta:

Código:

var t = 2;
while( t <= 10 ){
    
    var n = 1;
    
    document.write('<br><br>Tabuada do ' + t + '<br>');
    
    while( n <= 10 ){
        var n = n + 1;
        document.write( t + ' x ' + n + ' = ' + t * n + '<br>');
    }
    t += 1
}

E pronto, já temos nossa tabuada do 10, começando no 2 (ja que não faz sentido querer saber quanto é 1x1 né?)

Essa parte

document.write( t + ' x ' + n + ' = ' + t * n + '< br >');

é responsável por escrever as variáveis

t

, a variável

n

e o resultado da conta..

Se preferir, pode usar

console.log

no lugar do

document.write

caso não queira criar uma página só para testar isso...

Bacana né? Mais uma vez.. Eu não ensinei isso a vocês [Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

haha, até mais...

Olá!

Vc teria um link para eu ver uma demonstração?

Grato,

Fábio Garcia
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Olá,

É claro que sim, mas antes gostaria de entender porque enviou o link do [Tens de ter uma conta e sessão iniciada para poderes visualizar este link] ? Seu intuito com o código é aprender a tabuada ou ver o efeito?

Se for ver o efeito, pode ver através daqui:
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

É apenas uma demonstração, não tem nada demais...

Abraços...

Muito bom! é legal usar o While! já usei varias vezes!