Lógica de Programação com JavaScript — versão visual (HTML)

Teste variáveis, condicionais, laços, funções, arrays/objetos e pequenos algoritmos — tudo exibido na tela.

1) Variáveis

Guarde e atualize valores (ex.: nome e idade).

// saída aparecerá aqui
Dica: use let para valores que mudam e const para constantes.

2) Condicionais (if/else)

Decida o fluxo com base em condições (ex.: maior de idade).

// saída aparecerá aqui
Regra de ouro: condições claras evitam comportamentos inesperados.

3) Laços de repetição

Repita tarefas sem duplicar código (contar de 1 a N).

// saída aparecerá aqui
Use for quando souber o limite e while para repetir até uma condição mudar.

4) Funções

Encapsule uma tarefa e reutilize (ex.: somar dois números).

// saída aparecerá aqui
Funções claras e pequenas deixam o código mais legível.

5) Arrays (listas)

Armazene e percorra coleções (ex.: frutas).

// saída aparecerá aqui
Dica: split(','), map, filter e reduce são poderosos.

6) Objetos

Agrupe dados relacionados (ex.: ficha de usuário).

// saída aparecerá aqui
Acesse com obj.campo ou obj['campo'].

7) Pequenos algoritmos

Média, palíndromo e FizzBuzz.

// média aparecerá aqui
// resultado aparecerá aqui
// sequência aparecerá aqui
Algoritmo = sequência de passos para resolver um problema.