Vous êtes sur la page 1sur 28

Javascript

Arthur Emanuel de O. Carosia


Javascript
Linguagem de programao interpretada

Implementada como parte dosnavegadores


web
scripts pudessem ser executados do lado do
cliente
sem a necessidade de servidor
Javascript
Linguagem script comorientao a
objetos

Tipagem fraca e dinmica

Pode ser utilizada para:


Controlar o navegador
Alterar o contedo do documento exibido.

Javascript Case Sensitive


Diferencia maisculas de minsculas
Nome diferente de nome
Javascript

Cdigos Javascript podem ser:


inseridos dentro de <head>
inseridos dentro de <body>
serem externos pgina
Javascript em Head
Javascript Externo
Normalmente utilizado quando o mesmo
cdigo Javascript pode ser utilizado em
diferentes pginas web.
Arquivos com extenso .js.
Arquivos externos no contm as tags

<script>
Sada
Window.alert
Document.write
Sada
innerHTML
Entrada
Prompt
Exemplo de Entrada e
Sada
Sintaxe
Nmeros Variveis

Strings
Operadores

Comentrios
Exerccio
Faa uma pgina HTML que possua um
cdigo JavaScript que calcule a mdia de
dois nmeros quaisquer pedidos e exiba o
resultado com o uso de uma caixa de
dilogo.

Faa tambm utilizando document.write.

Faa uma alterao no item anterior para


exibir a mdia em uma tabela.
Funes
Bloco de cdigo com o objetivo de realizar
uma tarefa
executada quando algum evento a invoca

Sintaxe:

Exemplo:
Funes
Bloco de cdigo com o objetivo de realizar
uma tarefa
executada quando algum evento a invoca

Sintaxe:

Exemplo:
Condicionais - IF
Exerccio
Inserir em sua pgina um cdigo que exibe
as seguintes mensagens, de acordo com a
hora do dia.
Pesquisar como capturar a hora atual do

sistema com o uso de Javascript.


Mensagens:

Bom dia: das 6 s 12 horas


Boa tarde: das 12 s 18 horas
Boa noite: das 19 s 6 horas
Estruturas de Repetio
Estruturas de Repetio
Exerccios
Utilize prompt e alert para os exerccios a
seguir.
Faa um programa que leia dois nmeros, calcule
e imprima a soma desses dois nmeros.
Faa um programa que receba dois nmeros,
calcule e imprima a diviso do primeiro nmero
pelo segundo.
Faa um programa que leia um nmero e informe
a metade e o dobro desse nmero.
Exerccios
Utilize document.write para exibir os resultados
do exerccio a seguir.
Faa um cdigo Javascript que receba dois
nmeros inteiros, calcule e imprima em uma
TABELA os seguintes valores:
soma dos dois nmeros;
subtrao do primeiro pelo segundo;
subtrao do segundo pelo primeiro;
produto dos dois nmeros;
diviso do primeiro pelo segundo;
quociente inteiro da diviso do primeiro pelo segundo;
resto da diviso do primeiro pelo segundo.
Eventos
Eventos em pginas HTML podem disparar
funes JavaScript

Exemplos:
Uma pgina HTML web terminou de carregar
Um campo de entrada HTML foi alterado
Um boto HTML foi clicado
Eventos
Diferentes formas de disparar um evento

Cdigo JavaScript no prprio evento

Contedo do elemento alterado pelo retorno


da funo

Chamada da funo
Eventos
Lista de Eventos comuns em HTML:

Evento Descrio
onchange Um elemento HTML mudou
onclick Clique em elemento HTML
onmouseover Mouse sobre o elemento HTML

onmouseout O mouse saiu do elemento HTML

onkeydown Tecla pressionada


onload O navegador terminou de carregar a
pgina
Exerccio
Criar uma funo em JavaScript que ir
exibir a mensagem Ol Mundo utilizando
window.alert quando um boto na pgina
for clicado.
Exerccio
Escreva uma pgina HTML com um
formulrio contendo um boto e um campo
de texto

Em seguida, insira uma funo JavaScript


que, quando o boto clicado, verifica se o
contedo do campo de texto Aula de
MLW

Dica: use a propriedade value do campo de


texto
Exerccio
Faa uma pgina HTML que possua um
cdigo JavaScript que calcule a mdia de
dois nmeros quaisquer e a exiba com o
uso da propriedade innerHTML de um
pargrafo.

Os nmeros devero ser lidos de dois


campos de texto de um formulrio e a
mdia dever ser calculada aps um boto
do formulrio ser clicado.
Exerccio
Desenvolva uma pgina de notcias com o
uso de HTML, CSS e Javascript.

Usando Javascript:
Insira formulrios de contato e valide se os
campos de entrada (nome, email e mensagem)
no esto vazios (utilize a propriedade length).
Javascript
Arthur Emanuel de O. Carosia

Vous aimerez peut-être aussi