introdução a javascript - poo ii - aula 07

15
Aula 07 Introdução ao JavaScript Marcos Devaner Programação Orientada a Objeto

Upload: marcos-devaner

Post on 14-Apr-2017

684 views

Category:

Education


1 download

TRANSCRIPT

Page 1: Introdução a JavaScript - POO II -  Aula 07

Aula 07Introdução ao JavaScript

Marcos DevanerProgramação Orientada a Objetos II

Page 2: Introdução a JavaScript - POO II -  Aula 07

Um breve histórico

Page 3: Introdução a JavaScript - POO II -  Aula 07

Sobre o Javascript

Page 4: Introdução a JavaScript - POO II -  Aula 07

O que preciso para começar a criar scripts

Javascript é sensitive case, então precisamos ficar atento na sintaxe das palavras.

Atenção!

Page 5: Introdução a JavaScript - POO II -  Aula 07

Como utilizar

Page 6: Introdução a JavaScript - POO II -  Aula 07

No cabeçalho

Page 7: Introdução a JavaScript - POO II -  Aula 07

Em um documento externo

Page 8: Introdução a JavaScript - POO II -  Aula 07

Utilizando Tratadores de Eventos

Page 9: Introdução a JavaScript - POO II -  Aula 07

No corpo do documento HTML

Page 10: Introdução a JavaScript - POO II -  Aula 07

Vejamos alguns métodos

A resposta será armazenada em um variável e tratada depois.

O texto aparecerá como titulo, para incluir uma resposta padrão insira uma virgula e o texto padrão entre aspas

Exibe uma mensagem e aguarda o clique do usuário.

Escreve a frase entre aspas no documento.

Page 11: Introdução a JavaScript - POO II -  Aula 07

Números são escritos com ou sem casas decimais

String são texto, escritos entre aspas duplas ou simples

JavaScript usa operadores aritméticos (+ - * /) para calcular valores

Variáveis e Tipos

Page 12: Introdução a JavaScript - POO II -  Aula 07

Escrever em um elemento HTML

Neste caso irá escrever a frase “Hello Dolly” no elemento que tiver o id = demo.

Neste caso irá escrever o valor de z no elemento que tiver o id = demo.

Page 13: Introdução a JavaScript - POO II -  Aula 07

Funções em JavaScriptInstruções JavaScript podem ser agrupadas em blocos de código, dentro de chaves {...}.

Page 14: Introdução a JavaScript - POO II -  Aula 07

Atividade

1. Crie uma página que ao carregar mostre uma mensagem de boas vindas.

2. Crie um paragrafo e faça com que ao clique do botão o texto do paragrafo seja modificado. Para isto utiliza o método document.getElementById dentro do botão utilizando o evento Onclick()

Page 15: Introdução a JavaScript - POO II -  Aula 07

Fontes

• Elizabete S. Santos - Departamento de tecnologia da Informação – FATEC

• W3c Schools