programação para internet 2 · • É conhecida como “a linguagem script da web”; • É...

257
1 Unidade 03 – JavaScript Programação para Internet 2 JavaScript Instituto Federal de Educação, Ciência e Tecnologia do Triângulo Mineiro Prof. Edwar Saliba Júnior

Upload: others

Post on 12-Aug-2020

1 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

1Unidade 03 – JavaScript

Programação para Internet 2

JavaScript

Instituto Federal de Educação, Ciência e Tecnologia do Triângulo Mineiro

Prof. Edwar Saliba Júnior

Page 2: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

2Unidade 03 – JavaScript

Programação para Internet 2

JS Tutorial

Page 3: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

3Unidade 03 – JavaScript

Programação para Internet 2

Introdução• É conhecida como “A Linguagem Script da

WEB”;

• É utilizada em bilhões de páginas para:– adicionar funcionalidades,– validar formulários,– comunicação com o servidor e – muito mais;

• É muito simples de ser aprendida.

Page 4: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

4Unidade 03 – JavaScript

Programação para Internet 2

Características• É uma linguagem de programação leve;

• O código gerado em JavaScript pode ser inserido em páginas HTML;

• O código JavaScript inserido em páginas HTML pode ser executado por todos os navegadores modernos;

• É uma linguagem muito simples de ser aprendida.

Page 5: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

5Unidade 03 – JavaScript

Programação para Internet 2

Observação

• JavaScript e Java, apesar da semelhança do nome, são linguagens totalmente distintas uma da outra.

Page 6: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

6Unidade 03 – JavaScript

Programação para Internet 2

Como Fazer

Page 7: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

7Unidade 03 – JavaScript

Programação para Internet 2

JavaScript em <body>

Page 8: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

8Unidade 03 – JavaScript

Programação para Internet 2

JavaScript em <body>Exemplo

Page 9: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

9Unidade 03 – JavaScript

Programação para Internet 2

JavaScript Function em <body>

Page 10: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

10Unidade 03 – JavaScript

Programação para Internet 2

JavaScript Function em <body>Exemplo 2

Page 11: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

11Unidade 03 – JavaScript

Programação para Internet 2

JavaScript em Arquivo

Page 12: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

12Unidade 03 – JavaScript

Programação para Internet 2

JavaScript em ArquivoExemplo

Após apertar o botão “Try it”.

Page 13: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

13Unidade 03 – JavaScript

Programação para Internet 2

Manipulando Elementos HTML

Page 14: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

14Unidade 03 – JavaScript

Programação para Internet 2

Manipulando Elementos HTMLExemplo

Page 15: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

15Unidade 03 – JavaScript

Programação para Internet 2

Escrevendo no Documento

Page 16: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

16Unidade 03 – JavaScript

Programação para Internet 2

Escrevendo no DocumentoExemplo

Page 17: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

17Unidade 03 – JavaScript

Programação para Internet 2

Advertência

Page 18: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

18Unidade 03 – JavaScript

Programação para Internet 2

AdvertênciaExemplo

Após apertar o botão “Try it”.

Page 19: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

19Unidade 03 – JavaScript

Programação para Internet 2

Declarações• JavaScript é um conjunto de declarações

a serem executadas pelo navegador.

Page 20: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

20Unidade 03 – JavaScript

Programação para Internet 2

Código em JavaScript

Page 21: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

21Unidade 03 – JavaScript

Programação para Internet 2

Código em JavaScriptExemplo

Page 22: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

22Unidade 03 – JavaScript

Programação para Internet 2

Blocos de Comandos

Page 23: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

23Unidade 03 – JavaScript

Programação para Internet 2

Blocos de ComandosExemplo

Após apertar o botão “Try it”.

Page 24: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

24Unidade 03 – JavaScript

Programação para Internet 2

JavaScript é Case Sensitive• Como na linguagem C ou Java, o JavaScript

também é sensível a caixa. Assim sendo, preste bastante atenção ao escrever os comandos.

Page 25: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

25Unidade 03 – JavaScript

Programação para Internet 2

Atenção

Page 26: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

26Unidade 03 – JavaScript

Programação para Internet 2

Comentário em JavaScript

Page 27: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

27Unidade 03 – JavaScript

Programação para Internet 2

Comentário em JavaScriptExemplo

Page 28: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

28Unidade 03 – JavaScript

Programação para Internet 2

Comentário em Várias Linhas

Page 29: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

29Unidade 03 – JavaScript

Programação para Internet 2

Comentário em Várias LinhasExemplo

Page 30: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

30Unidade 03 – JavaScript

Programação para Internet 2

Usando Comentários para Prevenir Execuções – Parte 1

Page 31: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

31Unidade 03 – JavaScript

Programação para Internet 2

Usando Comentários para Prevenir Execuções – Parte 2

Page 32: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

32Unidade 03 – JavaScript

Programação para Internet 2

Comentário de Fim de Linha

Page 33: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

33Unidade 03 – JavaScript

Programação para Internet 2

Variáveis

Page 34: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

34Unidade 03 – JavaScript

Programação para Internet 2

VariáveisExemplo

Page 35: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

35Unidade 03 – JavaScript

Programação para Internet 2

Regras para Variáveis

Page 36: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

36Unidade 03 – JavaScript

Programação para Internet 2

Tipos de Dados

Page 37: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

37Unidade 03 – JavaScript

Programação para Internet 2

Declarando Variáveis

Page 38: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

38Unidade 03 – JavaScript

Programação para Internet 2

Declarando Várias Variáveis

Page 39: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

39Unidade 03 – JavaScript

Programação para Internet 2

Valor Indefinido

Page 40: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

40Unidade 03 – JavaScript

Programação para Internet 2

Redeclarando Variáveis

Page 41: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

41Unidade 03 – JavaScript

Programação para Internet 2

Aritmética

Após apertar o botão “Try it”.

Page 42: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

42Unidade 03 – JavaScript

Programação para Internet 2

Tipo de Dados Dinâmico

Page 43: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

43Unidade 03 – JavaScript

Programação para Internet 2

String

Page 44: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

44Unidade 03 – JavaScript

Programação para Internet 2

StringExemplo

Page 45: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

45Unidade 03 – JavaScript

Programação para Internet 2

Números

Page 46: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

46Unidade 03 – JavaScript

Programação para Internet 2

NúmerosExemplo

Page 47: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

47Unidade 03 – JavaScript

Programação para Internet 2

Valor Booleano

Page 48: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

48Unidade 03 – JavaScript

Programação para Internet 2

Array

Page 49: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

49Unidade 03 – JavaScript

Programação para Internet 2

ArrayExemplo

Page 50: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

50Unidade 03 – JavaScript

Programação para Internet 2

Objetos

Page 51: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

51Unidade 03 – JavaScript

Programação para Internet 2

ObjetosExemplo

Page 52: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

52Unidade 03 – JavaScript

Programação para Internet 2

Valores: indefinido e nulo

Page 53: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

53Unidade 03 – JavaScript

Programação para Internet 2

Declarando Tipos de Variáveis

Page 54: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

54Unidade 03 – JavaScript

Programação para Internet 2

Orientação a Objetos• Em JavaScript, tudo é objeto:

– uma String,– um Array,– uma data,– um número e – etc.

• Em JavaScript um objeto é um dado, com propriedades e métodos.

Page 55: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

55Unidade 03 – JavaScript

Programação para Internet 2

Propriedades e Métodos

Page 56: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

56Unidade 03 – JavaScript

Programação para Internet 2

Objetos em JavaScript

Page 57: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

57Unidade 03 – JavaScript

Programação para Internet 2

Criando Objetos

Page 58: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

58Unidade 03 – JavaScript

Programação para Internet 2

Criando ObjetosExemplo

Page 59: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

59Unidade 03 – JavaScript

Programação para Internet 2

Acessando Propriedades

Page 60: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

60Unidade 03 – JavaScript

Programação para Internet 2

Acessando Métodos

Page 61: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

61Unidade 03 – JavaScript

Programação para Internet 2

Funções

Page 62: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

62Unidade 03 – JavaScript

Programação para Internet 2

Funções - Sintaxe

Page 63: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

63Unidade 03 – JavaScript

Programação para Internet 2

Funções com Argumentos

Page 64: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

64Unidade 03 – JavaScript

Programação para Internet 2

Funções com ArgumentosExemplo

Mensagem após botão “Try it” ser pressionado.

Page 65: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

65Unidade 03 – JavaScript

Programação para Internet 2

Funções com ArgumentosOutro Exemplo

Page 66: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

66Unidade 03 – JavaScript

Programação para Internet 2

Funções com Valor de Retorno

Page 67: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

67Unidade 03 – JavaScript

Programação para Internet 2

Funções com Valor de Retorno

Page 68: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

68Unidade 03 – JavaScript

Programação para Internet 2

Funções com Valor de Retorno

Page 69: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

69Unidade 03 – JavaScript

Programação para Internet 2

Funções com Valor de RetornoExemplo

Page 70: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

70Unidade 03 – JavaScript

Programação para Internet 2

Variáveis Locais, Globais e Tempo de Vida de Cada Qual

Page 71: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

71Unidade 03 – JavaScript

Programação para Internet 2

Atenção!

Page 72: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

72Unidade 03 – JavaScript

Programação para Internet 2

Operadores

Page 73: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

73Unidade 03 – JavaScript

Programação para Internet 2

OperadoresExemplo

Após clique no botão “Try it”.

Page 74: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

74Unidade 03 – JavaScript

Programação para Internet 2

Operadores Aritméticos

Page 75: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

75Unidade 03 – JavaScript

Programação para Internet 2

Operadores de Atribuição

Page 76: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

76Unidade 03 – JavaScript

Programação para Internet 2

O Operador “+” Usado com Strings

Page 77: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

77Unidade 03 – JavaScript

Programação para Internet 2

Adicionando Espaço em BrancoExemplo 1

Page 78: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

78Unidade 03 – JavaScript

Programação para Internet 2

Adicionando Espaço em BrancoExemplo 2

Page 79: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

79Unidade 03 – JavaScript

Programação para Internet 2

Adicionando Strings e Números

Page 80: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

80Unidade 03 – JavaScript

Programação para Internet 2

Adicionando Strings e NúmerosExemplo

Page 81: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

81Unidade 03 – JavaScript

Programação para Internet 2

Operadores de Comparação

Page 82: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

82Unidade 03 – JavaScript

Programação para Internet 2

Como Usar?

Page 83: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

83Unidade 03 – JavaScript

Programação para Internet 2

Operadores Lógicos

Page 84: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

84Unidade 03 – JavaScript

Programação para Internet 2

Operadores LógicosExemplo

Page 85: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

85Unidade 03 – JavaScript

Programação para Internet 2

Estruturas Condicionais

Page 86: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

86Unidade 03 – JavaScript

Programação para Internet 2

if

Page 87: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

87Unidade 03 – JavaScript

Programação para Internet 2

ifExemplo

Page 88: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

88Unidade 03 – JavaScript

Programação para Internet 2

if … else

Page 89: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

89Unidade 03 – JavaScript

Programação para Internet 2

if … elseExemplo

Page 90: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

90Unidade 03 – JavaScript

Programação para Internet 2

if … else … if … else

Page 91: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

91Unidade 03 – JavaScript

Programação para Internet 2

if … else … if … else

Page 92: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

92Unidade 03 – JavaScript

Programação para Internet 2

if … else … if … elseExemplo

Page 93: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

93Unidade 03 – JavaScript

Programação para Internet 2

switch ... case

Page 94: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

94Unidade 03 – JavaScript

Programação para Internet 2

switch … case

Page 95: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

95Unidade 03 – JavaScript

Programação para Internet 2

switch … caseExemplo

Page 96: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

96Unidade 03 – JavaScript

Programação para Internet 2

switch ... case com default

Page 97: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

97Unidade 03 – JavaScript

Programação para Internet 2

switch ... case com defaultExemplo

Page 98: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

98Unidade 03 – JavaScript

Programação para Internet 2

Estruturas de Repetição

Page 99: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

99Unidade 03 – JavaScript

Programação para Internet 2

Estruturas de RepetiçãoExemplo

Page 100: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

100Unidade 03 – JavaScript

Programação para Internet 2

for

Page 101: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

101Unidade 03 – JavaScript

Programação para Internet 2

forExemplo

Page 102: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

102Unidade 03 – JavaScript

Programação para Internet 2

for ... in

Page 103: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

103Unidade 03 – JavaScript

Programação para Internet 2

for ... in

Page 104: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

104Unidade 03 – JavaScript

Programação para Internet 2

while

Page 105: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

105Unidade 03 – JavaScript

Programação para Internet 2

whileExemplo

Page 106: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

106Unidade 03 – JavaScript

Programação para Internet 2

do … while

Page 107: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

107Unidade 03 – JavaScript

Programação para Internet 2

do … whileExemplo

Page 108: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

108Unidade 03 – JavaScript

Programação para Internet 2

break e continue

Page 109: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

109Unidade 03 – JavaScript

Programação para Internet 2

break

Page 110: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

110Unidade 03 – JavaScript

Programação para Internet 2

breakExemplo

Page 111: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

111Unidade 03 – JavaScript

Programação para Internet 2

continue

Page 112: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

112Unidade 03 – JavaScript

Programação para Internet 2

continueExemplo

Page 113: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

113Unidade 03 – JavaScript

Programação para Internet 2

throw e try catch

Page 114: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

114Unidade 03 – JavaScript

Programação para Internet 2

try … catch

Page 115: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

115Unidade 03 – JavaScript

Programação para Internet 2

try … catchExemplo 1

Page 116: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

116Unidade 03 – JavaScript

Programação para Internet 2

try … catchExemplo 2

Page 117: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

117Unidade 03 – JavaScript

Programação para Internet 2

throw

Page 118: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

118Unidade 03 – JavaScript

Programação para Internet 2

throwExemplo 1

Page 119: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

119Unidade 03 – JavaScript

Programação para Internet 2

throwExemplo 2

Page 120: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

120Unidade 03 – JavaScript

Programação para Internet 2

Validação de Formulário

Page 121: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

121Unidade 03 – JavaScript

Programação para Internet 2

Validação de FormulárioExemplo

Page 122: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

122Unidade 03 – JavaScript

Programação para Internet 2

Validação de E-mail

Page 123: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

123Unidade 03 – JavaScript

Programação para Internet 2

Validação de E-mail Exemplo

Page 124: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

124Unidade 03 – JavaScript

Programação para Internet 2

Windows 8

Page 125: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

125Unidade 03 – JavaScript

Programação para Internet 2

JS HTML DOM

Page 126: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

126Unidade 03 – JavaScript

Programação para Internet 2

HTML DOM (Document Object Model)

Page 127: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

127Unidade 03 – JavaScript

Programação para Internet 2

Encontrando Elementos HTML pelo id

Page 128: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

128Unidade 03 – JavaScript

Programação para Internet 2

Encontrando Elementos HTML pelo idExemplo

Page 129: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

129Unidade 03 – JavaScript

Programação para Internet 2

Encontrando Elementos HTML pela tag

Page 130: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

130Unidade 03 – JavaScript

Programação para Internet 2

Encontrando Elementos HTML pela tagExemplo

Page 131: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

131Unidade 03 – JavaScript

Programação para Internet 2

Alterando o Fluxo de Saída HTML

Page 132: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

132Unidade 03 – JavaScript

Programação para Internet 2

Alterando o Fluxo de Saída HTMLExemplo

Page 133: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

133Unidade 03 – JavaScript

Programação para Internet 2

Alterando o Conteúdo HTMLParte 01

Page 134: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

134Unidade 03 – JavaScript

Programação para Internet 2

Alterando o Conteúdo HTMLParte 01 - Exemplo

Page 135: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

135Unidade 03 – JavaScript

Programação para Internet 2

Alterando o Conteúdo HTMLParte 02

Page 136: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

136Unidade 03 – JavaScript

Programação para Internet 2

Alterando o Conteúdo HTMLParte 02 - Exemplo

Page 137: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

137Unidade 03 – JavaScript

Programação para Internet 2

Alterando um Atributo HTML

Page 138: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

138Unidade 03 – JavaScript

Programação para Internet 2

Alterando um Atributo HTMLExemplo

Page 139: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

139Unidade 03 – JavaScript

Programação para Internet 2

Alterando um Estilo HTMLParte 01

Page 140: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

140Unidade 03 – JavaScript

Programação para Internet 2

Alterando um Estilo HTMLParte 01 - Exemplo

Page 141: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

141Unidade 03 – JavaScript

Programação para Internet 2

Alterando um Estilo HTMLParte 02

Page 142: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

142Unidade 03 – JavaScript

Programação para Internet 2

Alterando um Estilo HTMLParte 02 - Exemplo

Page 143: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

143Unidade 03 – JavaScript

Programação para Internet 2

Alterando um Estilo HTMLParte 03

• Como fazer um elemento HTML ficar invisível e também visível;

• Direto ao exemplo no próximo slide:

Observação: existem diversas propriedades de estilo que podem ser trabalhadas, para acessar a lista completa clique aqui.

Page 144: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

144Unidade 03 – JavaScript

Programação para Internet 2

Alterando um Estilo HTMLParte 03 - Exemplo

Page 145: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

145Unidade 03 – JavaScript

Programação para Internet 2

Eventos

Page 146: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

146Unidade 03 – JavaScript

Programação para Internet 2

EventosExemplo

Tela inicial.

Mouse paradoaqui, após clicar

no quadro àdireita.

Mais um clique aqui.

Mais um clique aqui.

Mais um clique aqui.

Mais um clique aqui.

Page 147: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

147Unidade 03 – JavaScript

Programação para Internet 2

Exemplo 2

Page 148: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

148Unidade 03 – JavaScript

Programação para Internet 2

Exemplo 3

Page 149: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

149Unidade 03 – JavaScript

Programação para Internet 2

Associação de Eventos a Elementos HTML

Page 150: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

150Unidade 03 – JavaScript

Programação para Internet 2

Associação de Eventos Usando HTML DOM

Page 151: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

151Unidade 03 – JavaScript

Programação para Internet 2

Associação de Eventos Usando HTML DOMExemplo

Page 152: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

152Unidade 03 – JavaScript

Programação para Internet 2

onload / onunload

Page 153: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

153Unidade 03 – JavaScript

Programação para Internet 2

onload / onunloadExemplo

Page 154: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

154Unidade 03 – JavaScript

Programação para Internet 2

onchange

Page 155: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

155Unidade 03 – JavaScript

Programação para Internet 2

onmouseover / onmouseout

Page 156: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

156Unidade 03 – JavaScript

Programação para Internet 2

onmouseover / onmouseoutExemplo

Page 157: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

157Unidade 03 – JavaScript

Programação para Internet 2

onmousedown / onmouseup

Page 158: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

158Unidade 03 – JavaScript

Programação para Internet 2

onmousedown / onmouseupExemplo

Page 159: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

159Unidade 03 – JavaScript

Programação para Internet 2

Criando Novos Elementos HTML

Page 160: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

160Unidade 03 – JavaScript

Programação para Internet 2

Criando Novos Elementos HTMLExemplo

Page 161: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

161Unidade 03 – JavaScript

Programação para Internet 2

Criando Novos Elementos HTMLExemplo - Explicação

Page 162: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

162Unidade 03 – JavaScript

Programação para Internet 2

Removendo Elementos HTML

Page 163: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

163Unidade 03 – JavaScript

Programação para Internet 2

Removendo Elementos HTMLExemplo

Page 164: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

164Unidade 03 – JavaScript

Programação para Internet 2

Removendo Elementos HTMLExemplo - Explicação

Page 165: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

165Unidade 03 – JavaScript

Programação para Internet 2

JS Objects

Page 166: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

166Unidade 03 – JavaScript

Programação para Internet 2

Objetos em JavaScript

Page 167: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

167Unidade 03 – JavaScript

Programação para Internet 2

Acessando os Métodos

Page 168: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

168Unidade 03 – JavaScript

Programação para Internet 2

Criando Objetos

Page 169: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

169Unidade 03 – JavaScript

Programação para Internet 2

Criando ObjetosExemplo 1

Page 170: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

170Unidade 03 – JavaScript

Programação para Internet 2

Criando ObjetosExemplo 2

Page 171: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

171Unidade 03 – JavaScript

Programação para Internet 2

Método Construtor

Page 172: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

172Unidade 03 – JavaScript

Programação para Internet 2

Método ConstrutorExemplo

Page 173: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

173Unidade 03 – JavaScript

Programação para Internet 2

Criando Instâncias do Objeto

Page 174: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

174Unidade 03 – JavaScript

Programação para Internet 2

Criando Propriedades para o Objeto

Page 175: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

175Unidade 03 – JavaScript

Programação para Internet 2

Criando Métodos para o Objeto

Page 176: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

176Unidade 03 – JavaScript

Programação para Internet 2

Criando Métodos para o ObjetoExemplo

Page 177: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

177Unidade 03 – JavaScript

Programação para Internet 2

Classes

Page 178: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

178Unidade 03 – JavaScript

Programação para Internet 2

for ... in

Page 179: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

179Unidade 03 – JavaScript

Programação para Internet 2

for ... inExemplo

Page 180: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

180Unidade 03 – JavaScript

Programação para Internet 2

Objetos Números

Page 181: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

181Unidade 03 – JavaScript

Programação para Internet 2

Precisão Numérica

Page 182: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

182Unidade 03 – JavaScript

Programação para Internet 2

Base Octal e Hexadecimal

Page 183: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

183Unidade 03 – JavaScript

Programação para Internet 2

Números: Propriedades e Métodos

Page 184: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

184Unidade 03 – JavaScript

Programação para Internet 2

Objeto String

Page 185: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

185Unidade 03 – JavaScript

Programação para Internet 2

String Exemplo

Page 186: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

186Unidade 03 – JavaScript

Programação para Internet 2

Tamanho da String

Page 187: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

187Unidade 03 – JavaScript

Programação para Internet 2

Descobrindo uma String numa String

Page 188: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

188Unidade 03 – JavaScript

Programação para Internet 2

Comparando Conteúdo

Page 189: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

189Unidade 03 – JavaScript

Programação para Internet 2

Sobrescrevendo Conteúdo

Page 190: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

190Unidade 03 – JavaScript

Programação para Internet 2

Caixa Alta e Caixa Baixa

Page 191: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

191Unidade 03 – JavaScript

Programação para Internet 2

Convertendo uma String

Page 192: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

192Unidade 03 – JavaScript

Programação para Internet 2

Caracteres Especiais

Page 193: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

193Unidade 03 – JavaScript

Programação para Internet 2

String: Propriedades e Métodos

Page 194: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

194Unidade 03 – JavaScript

Programação para Internet 2

Objeto Date• Objeto utilizado para se trabalhar com data e hora.

Page 195: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

195Unidade 03 – JavaScript

Programação para Internet 2

Configurando uma Data

Page 196: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

196Unidade 03 – JavaScript

Programação para Internet 2

Comparando Duas Datas

Page 197: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

197Unidade 03 – JavaScript

Programação para Internet 2

Objeto Array

Page 198: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

198Unidade 03 – JavaScript

Programação para Internet 2

Objeto ArrayExemplo

Page 199: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

199Unidade 03 – JavaScript

Programação para Internet 2

Criando um Vetor (Array)

Page 200: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

200Unidade 03 – JavaScript

Programação para Internet 2

Acessando a Posição de um Vetor (Array)

Page 201: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

201Unidade 03 – JavaScript

Programação para Internet 2

Diferentes Tipos de Objetos no Mesmo Vetor (Array)

Page 202: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

202Unidade 03 – JavaScript

Programação para Internet 2

Vetor (Array): Métodos e Propriedades

Complete array object reference.

Page 203: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

203Unidade 03 – JavaScript

Programação para Internet 2

Vetor (Array): Criando Novos Métodos

Page 204: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

204Unidade 03 – JavaScript

Programação para Internet 2

Vetor (Array): Criando Novos Métodos

Page 205: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

205Unidade 03 – JavaScript

Programação para Internet 2

Objeto Booleano

Page 206: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

206Unidade 03 – JavaScript

Programação para Internet 2

Objeto Matemático

Page 207: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

207Unidade 03 – JavaScript

Programação para Internet 2

Métodos do Objeto Matemático

Page 208: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

208Unidade 03 – JavaScript

Programação para Internet 2

Objeto Expressões Regulares

Page 209: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

209Unidade 03 – JavaScript

Programação para Internet 2

Expressões RegularesModificadores

Page 210: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

210Unidade 03 – JavaScript

Programação para Internet 2

Expressões RegularesExemplo 1

Page 211: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

211Unidade 03 – JavaScript

Programação para Internet 2

Expressões RegularesExemplo 2

Page 212: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

212Unidade 03 – JavaScript

Programação para Internet 2

Expressões RegularesExemplo 3

Page 213: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

213Unidade 03 – JavaScript

Programação para Internet 2

Expressões RegularesMétodo test()

Page 214: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

214Unidade 03 – JavaScript

Programação para Internet 2

Expressões RegularesMétodo test() - Exemplo

Page 215: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

215Unidade 03 – JavaScript

Programação para Internet 2

Expressões RegularesMétodo exec()

Page 216: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

216Unidade 03 – JavaScript

Programação para Internet 2

Expressões RegularesMétodo exec() - Exemplo

Page 217: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

217Unidade 03 – JavaScript

Programação para Internet 2

JS Window

Page 218: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

218Unidade 03 – JavaScript

Programação para Internet 2

Window (Janela)

Page 219: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

219Unidade 03 – JavaScript

Programação para Internet 2

Tamanho da Janela (Window)

Page 220: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

220Unidade 03 – JavaScript

Programação para Internet 2

Tamanho da Janela (Window) Exemplo

Page 221: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

221Unidade 03 – JavaScript

Programação para Internet 2

Outros Métodos de Janela

Page 222: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

222Unidade 03 – JavaScript

Programação para Internet 2

Tela da Janela (Window Screen)

Page 223: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

223Unidade 03 – JavaScript

Programação para Internet 2

Tela da Janela (Window Screen)Exemplo

Page 224: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

224Unidade 03 – JavaScript

Programação para Internet 2

Todas as Propriedades de Tela em um Único Exemplo

Page 225: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

225Unidade 03 – JavaScript

Programação para Internet 2

Localização da Janela (Window Location)

Page 226: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

226Unidade 03 – JavaScript

Programação para Internet 2

Window Location - Href

Page 227: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

227Unidade 03 – JavaScript

Programação para Internet 2

Window Location - Pathname

Page 228: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

228Unidade 03 – JavaScript

Programação para Internet 2

Window Location - Assign

Page 229: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

229Unidade 03 – JavaScript

Programação para Internet 2

Window Location – AssignExemplo

Page 230: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

230Unidade 03 – JavaScript

Programação para Internet 2

Window History

Page 231: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

231Unidade 03 – JavaScript

Programação para Internet 2

Window History Back

Page 232: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

232Unidade 03 – JavaScript

Programação para Internet 2

Window History Forward

Page 233: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

233Unidade 03 – JavaScript

Programação para Internet 2

Window Navigator

Page 234: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

234Unidade 03 – JavaScript

Programação para Internet 2

Window NavigatorExemplo

Page 235: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

235Unidade 03 – JavaScript

Programação para Internet 2

Atenção!

Page 236: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

236Unidade 03 – JavaScript

Programação para Internet 2

Alert Box

Page 237: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

237Unidade 03 – JavaScript

Programação para Internet 2

Alert BoxExemplo

Page 238: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

238Unidade 03 – JavaScript

Programação para Internet 2

Confirm Box

Page 239: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

239Unidade 03 – JavaScript

Programação para Internet 2

Confirm BoxExemplo

Page 240: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

240Unidade 03 – JavaScript

Programação para Internet 2

Prompt Box

Page 241: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

241Unidade 03 – JavaScript

Programação para Internet 2

Prompt BoxExemplo

Page 242: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

242Unidade 03 – JavaScript

Programação para Internet 2

Quebra de Linha

Page 243: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

243Unidade 03 – JavaScript

Programação para Internet 2

Timing Events

Page 244: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

244Unidade 03 – JavaScript

Programação para Internet 2

Método setInterval()

Page 245: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

245Unidade 03 – JavaScript

Programação para Internet 2

Método setInterval() - Exemplo

Page 246: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

246Unidade 03 – JavaScript

Programação para Internet 2

Método setInterval() - Exemplo 2

Page 247: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

247Unidade 03 – JavaScript

Programação para Internet 2

Como Parar

a Execu-

ção

Page 248: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

248Unidade 03 – JavaScript

Programação para Internet 2

Como Parar a ExecuçãoExemplo

Page 249: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

249Unidade 03 – JavaScript

Programação para Internet 2

Método: setTimeout()

Page 250: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

250Unidade 03 – JavaScript

Programação para Internet 2

Método: setTimeout()Exemplo

Page 251: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

251Unidade 03 – JavaScript

Programação para Internet 2

Como Para a Execução?

Page 252: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

252Unidade 03 – JavaScript

Programação para Internet 2

Como Parar a Execução - Exemplo

Page 253: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

253Unidade 03 – JavaScript

Programação para Internet 2

Cookies - Introdução

Page 254: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

254Unidade 03 – JavaScript

Programação para Internet 2

Criando e Armazenando um Cookie Simples – Parte 01

Page 255: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

255Unidade 03 – JavaScript

Programação para Internet 2

Criando e Armazenando um Cookie Simples – Parte 02

Page 256: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

256Unidade 03 – JavaScript

Programação para Internet 2

Criando e Armazenando um Cookie Simples – Parte 03

Page 257: Programação para Internet 2 · • É conhecida como “A Linguagem Script da WEB”; • É utilizada em bilhões de páginas para: ... • JavaScript e Java, apesar da semelhança

257Unidade 03 – JavaScript

Programação para Internet 2

Bibliografia• W3Schools. JavaScript. Disponível em:

<http://www.w3schools.com/js/default.asp> Acesso em: 06 jan. 2013.