TUTORIAL DE FLUXOGRAMA E SUAS APLICAÇÕES

FLUXOGRAMA

---

01 - START

Indica onde o algoritmo ou programa começa.

Como isso se aplica?

HTML:

<!DOCTYPE html>

JavaScript:

Início da execução do código JavaScript.

Portugol:

inicio

02 - MANUAL INPUT

Indica a entrada de dados que serão utilizados pelo programa. O usuário pode informar valores que serão armazenados em variáveis.

Como isso se aplica?

HTML:

<input type="number" id="x">
<input type="number" id="y">

JavaScript:

let x;
let y;

Portugol:

var
    inteiro x, y

inicio

   leia(x)
   leia(y)

03 - PROCESS

É a etapa em que o programa realiza uma operação, cálculo ou transformação utilizando os dados recebidos.

Como isso se aplica?

HTML:

Botão para executar o cálculo.

JavaScript:

let resultado = x + y;

Portugol:

resultado = x + y

04 - DECISION

Indica uma condição em que o programa verifica se determinada situação é verdadeira ou falsa.

Como isso se aplica?

HTML:

Elemento para exibir o resultado da decisão.

JavaScript:

if (x > y) {
    // condição verdadeira
} else {
    // condição falsa
}

Portugol:

se x > y entao
   escreva("x é maior que y")
senao
   escreva("y é maior ou igual a x") 

05 - DISPLAY

Indica a exibição de informações, mostrando um resultado ou uma mensagem para o usuário.

Como isso se aplica?

HTML:

<p id="resultado"></p>

JavaScript:

document.getElementById("resultado").textContent = resultado;

Portugol:

escreva("resultado")

06 - TERMINATOR

Indica o encerramento da execução do programa.

fim

FLUXOGRAMA FEITO.

---