Introdução a JavaScript - POO II - Aula 07
-
Upload
marcos-devaner -
Category
Education
-
view
686 -
download
1
Transcript of Introdução a JavaScript - POO II - Aula 07
![Page 1: Introdução a JavaScript - POO II - Aula 07](https://reader034.fdocuments.net/reader034/viewer/2022042611/58f085371a28abae468b456b/html5/thumbnails/1.jpg)
Aula 07Introdução ao JavaScript
Marcos DevanerProgramação Orientada a Objetos II
![Page 2: Introdução a JavaScript - POO II - Aula 07](https://reader034.fdocuments.net/reader034/viewer/2022042611/58f085371a28abae468b456b/html5/thumbnails/2.jpg)
Um breve histórico
![Page 3: Introdução a JavaScript - POO II - Aula 07](https://reader034.fdocuments.net/reader034/viewer/2022042611/58f085371a28abae468b456b/html5/thumbnails/3.jpg)
Sobre o Javascript
![Page 4: Introdução a JavaScript - POO II - Aula 07](https://reader034.fdocuments.net/reader034/viewer/2022042611/58f085371a28abae468b456b/html5/thumbnails/4.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022042611/58f085371a28abae468b456b/html5/thumbnails/5.jpg)
Como utilizar
![Page 6: Introdução a JavaScript - POO II - Aula 07](https://reader034.fdocuments.net/reader034/viewer/2022042611/58f085371a28abae468b456b/html5/thumbnails/6.jpg)
No cabeçalho
![Page 7: Introdução a JavaScript - POO II - Aula 07](https://reader034.fdocuments.net/reader034/viewer/2022042611/58f085371a28abae468b456b/html5/thumbnails/7.jpg)
Em um documento externo
![Page 8: Introdução a JavaScript - POO II - Aula 07](https://reader034.fdocuments.net/reader034/viewer/2022042611/58f085371a28abae468b456b/html5/thumbnails/8.jpg)
Utilizando Tratadores de Eventos
![Page 9: Introdução a JavaScript - POO II - Aula 07](https://reader034.fdocuments.net/reader034/viewer/2022042611/58f085371a28abae468b456b/html5/thumbnails/9.jpg)
No corpo do documento HTML
![Page 10: Introdução a JavaScript - POO II - Aula 07](https://reader034.fdocuments.net/reader034/viewer/2022042611/58f085371a28abae468b456b/html5/thumbnails/10.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022042611/58f085371a28abae468b456b/html5/thumbnails/11.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022042611/58f085371a28abae468b456b/html5/thumbnails/12.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022042611/58f085371a28abae468b456b/html5/thumbnails/13.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022042611/58f085371a28abae468b456b/html5/thumbnails/14.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022042611/58f085371a28abae468b456b/html5/thumbnails/15.jpg)
Fontes
• Elizabete S. Santos - Departamento de tecnologia da Informação – FATEC
• W3c Schools