Técnicas e Linguagens de Programação 12ª Classe Ano lectivo: 2021/22

Sumário: Introdução ao JavaScript

Lição n°

Trabalhando com JavaScript em um arquivo externo .js

Podemos trabalhar com os scripts em um arquivo externo do tipo “.js”, isso traz mais
organização ao nosso trabalho, pois, desta maneira podemos separar o código HTML do
código javascript da mesma forma que podemos fazer com CSS, não é difícil trabalhar
com scripts externos veja o exemplo.

Caixas de mensagens
- Alert (Apresentado na aula anterior)

- Prompt

- Confirm

Prompt
A caixa de mensagens prompt se diferencia por possibilitar a entrada de texto, permitindo que
esse texto seja coletado e passado a uma variável, deste maneira é a primeira forma de coletar
dados externos que iremos aprender.
A sintaxe de utilização do prompt é a seguinte.

Abraão André Gila Dala | master.gone@hotmail.com | 921 79 79 07 / 913 356 358

Técnicas e Linguagens de Programação 12ª Classe Ano lectivo: 2021/22

Confirm
A caixa de mensagens confirme se particulariza por apresentar uma mensagem simples,
dois botões OK e Cancelar.
Mas sua funcionalidade mais importante é o retorno de qual dos botões foi pressionado,
caso seja clicado em OK a caixa retorna o valor “true” e caso seja clicado Cancelar a
caixa retorna o valor “false”, simples assim.
Para tomar uma decisão após o clique basta usarmos o comando IF que veremos logo
adiante, mas podemos armazenar este retorno também em uma variável como mostra o
código a seguir.

Function
Uma ótima forma de controlar a execução de determinado bloco de código em um programa é
utilizar funções, assim podemos criar toda uma rotina de programação e executar esta rotina
em um momento específico, ter esse controle é extremamente útil e fundamental.

Quando criamos uma função, adicionamos uma série de comandos dentro desta função e
estes comandos somente serão executados quando a função for chamada, ou seja, se em
nenhum momento a função não for chamada, os comandos não serão executados, então, eu
consigo determinar o momento extado que precisamos executar estes comandos que estão no
escopo (corpo) da função.

Outro detalhe importante é quanto a economia de código, suponhamos que exista um bloco
de comandos que precisa ser executado várias vezes em momentos diferentes em nosso
programa, ao invés de repetir este bloco de comandos várias vezes, simplesmente adicione
este bloco em uma função e sempre que precisar executar este bloco de comandos, basta
chamar a função.
sintaxe básica.

function nomeDaFunção(lista de argumentos){

comandos;
comandos;
retorno da função;
}

Abraão André Gila Dala | master.gone@hotmail.com | 921 79 79 07 / 913 356 358

Técnicas e Linguagens de Programação 12ª Classe Ano lectivo: 2021/22

Este é a sintaxe básica, mas podemos omitir alguns itens desta sintaxe, caso não sejam
utilizados, como por exemplo, “lista de argumentos” ou “retorno da função”.
Vamos ver a seguir um programa que utiliza uma função bem simples.

Abraão André Gila Dala | master.gone@hotmail.com | 921 79 79 07 / 913 356 358

Técnicas e Linguagens de Programação 12ª Classe Ano lectivo: 2021/22

Fim

Obrigado!

Abraão André Gila Dala | master.gone@hotmail.com | 921 79 79 07 / 913 356 358