PR3 — Programação III
Resumo de revisão · JavaScript básico · Curso Técnico em Informática Integrado ao Ensino
Médio — 3º ano · Prof. Alisson Ribeiro
1. O que é JavaScript
JavaScript é uma linguagem client-side: a interpretação e o funcionamento dependem de recursos
hospedados no navegador do usuário, que possui um interpretador JavaScript embutido.
2. Caixas de diálogo
Alert (caixa de alerta)
Exibe uma mensagem para o usuário.
[Link]("arg");
// ou simplesmente:
alert("arg");
Confirm (caixa de confirmação)
Exibe dois botões — OK e Cancelar — para confirmar ou cancelar uma ação.
confirm("Você tem certeza que quer apagar o arquivo?");
Prompt (entrada de string)
Exibe um campo para o usuário digitar um texto.
prompt("arg1", ["arg2"]);
Escrever HTML com JavaScript
O método write() do objeto Document escreve marcação HTML no documento.
[Link]("arg1");
// ou simplesmente:
[Link]("arg1");
3. Inserir JavaScript na HTML
• Inline: script direto na seção body — não recomendado (mistura camadas).
• Incorporado: script na seção head do documento.
• Externo: script em arquivo separado, vinculado por link na seção head.
Comentários
// comentário de linha única (variante 1)
<!-- comentário de linha única (variante 2)
/* comentário
em múltiplas
linhas */
4. Variáveis e constantes
Variável é uma região de memória que armazena dados temporariamente. Armazena apenas um valor
por vez, que pode ser numérico, lógico ou caractere.
Regras para nomes de variáveis
• Pode ter um ou mais caracteres.
• O primeiro caractere nunca pode ser número — sempre uma letra.
• Não pode conter espaços em branco.
• Não pode ser uma palavra reservada da linguagem.
• Só letras, números e underscore ( _ ) são permitidos — ex.: NOME_ALUNO.
• JavaScript diferencia maiúsculas de minúsculas: NOME, nome, Nome e noMe são variáveis diferentes.
5. Operadores aritméticos
Operador Operação Tipo Retorno
+ Adição Binário Inteiro ou Real
- Subtração Binário Inteiro ou Real
* Multiplicação Binário Inteiro ou Real
/ Divisão Binário Real
% Resto da divisão (módulo) Binário Inteiro
+ Manutenção de sinal Unário Positivo
- Inversão de sinal Unário Negativo
++ Incremento Unário Inteiro
-- Decremento Unário Inteiro
Expressões aritméticas
Os parênteses substituem chaves e colchetes da matemática tradicional. Ex.: X = {43 . [55 : (30 + 2)]} é
escrito como:
X = (43 * (55 / (30 + 2)));
6. Operadores relacionais e lógicos
Relacionais
Símbolo Significado
== igual a
!= diferente de
> maior que
< menor que
>= maior ou igual a
<= menor ou igual a
&& (conjunção) — só verdadeiro se ambas forem verdadeiras
Condição 1 Condição 2 Resultado
Falsa Falsa Falso
Verdadeira Falsa Falso
Falsa Verdadeira Falso
Verdadeira Verdadeira Verdadeiro
|| (disjunção) — verdadeiro se ao menos uma for verdadeira
Condição 1 Condição 2 Resultado
Falsa Falsa Falso
Verdadeira Falsa Verdadeiro
Falsa Verdadeira Verdadeiro
Verdadeira Verdadeira Verdadeiro
! (negação) — inverte o resultado lógico
Condição Resultado
Verdadeira Falso
Falsa Verdadeira
7. Estruturas de decisão
Decisão simples
if (condição) {
instruções para condição verdadeira;
}
instrução para condição falsa ou após condição verdadeira;
Decisão composta
if (condição) {
instruções para condição verdadeira;
} else {
instruções para condição falsa;
}
Decisão sequencial e encadeada
• Sequencial: vários if's avaliados um após o outro.
• Encadeada: condições aninhadas (if dentro de if), usadas em vez de decisões sequenciais — ex.:
verificação das medidas de um triângulo.
Seleção sequencial (switch)
switch (variável) {
case opção1 : operação1; break;
case opção2 : operação2; break;
case opçãoN : operaçãoN; break;
default : operação default;
}
Atenção: sem o break, a execução continua para os cases seguintes.
8. Laços de repetição
while — condição testada no início
while (condição) {
instruções executadas enquanto condição for verdadeira;
}
do...while — condição testada no final
Executa o bloco pelo menos uma vez, mesmo que a condição seja falsa.
do {
instruções até que a condição seja verdadeira;
} while (condição);
for — laço iterativo
for (início; fim; incremento) {
instruções;
}
9. Funções
function Nome(parâmetros) {
instruções;
}
• Nome: identificador atribuído à função.
• Parâmetros: informação opcional.
• Instruções: processamento do corpo da função.
10. Eventos
Eventos são ações capazes de disparar uma reação no programa.
Eventos de mouse
• click
• dblclick
• mousedown
• mouseup
• mouseover
• mouseout
• mousemove
Eventos de teclado
• keydown
• keypress
• keyup
11. Pontos de atenção para a prova
• Diferença entre / (divisão real) e % (resto da divisão inteira).
• Diferença entre while e do...while — qual testa a condição antes e qual testa depois.
• Não esquecer o break em cada case do switch.
• Tabelas-verdade de &&, || e ! — costumam ser cobradas com valores concretos.
• Regras de nomes de variáveis — JavaScript é case-sensitive e nomes não podem começar com
número.
• Diferença entre decisão sequencial e decisão encadeada (if's aninhados).
Bibliografia: MANZANO, J. A. N. G.; TOLEDO, S. A. de. Guia de orientação e desenvolvimento de sites HTML, XHTML, CSS e
JavaScript/JScript. São Paulo: Érica, 2008. · SILVA, M. S. JavaScript: guia do programador. São Paulo: Novatec, 2010.