Javascript

Arthur Emanuel de O. Carosia

Datas
Possibilidade de usar cdigos JavaScript
para exibir a data atual na pgina HTML

Diferentes formas de exibir a data

Datas - Mtodos
Mtodo Descrio
getDate() Nmero do dia (1-31)
getDay() Nmero do dia na semana (0-6)
getFullYear() Ano com 4 dgitos (yyyy)
getHours() Retorna a hora (0-23)
getMinutes() Minutos (0-59)
getMonth() Ms(0-11)
getSeconds() Segundos (0-59)
Exerccio
Insira em sua pgina a data no seguinte
formato: Dia/Ms/Ano
Validao de Formulrio
Validao de formulrio HTML pode ser feito
por um cdigo JavaScript.

Avaliao pode ocorrer no momento da

submisso do formulrio.
Validao de Formulrio
Funo de validao JavaScript

Formulrio
Validao de Submisso
A validao dos dados o processo de
garantir que a entrada do computador
limpo, correto, e til.

Tarefas de validao tpicos so:

o usurio preencheu todos os campos obrigatrios?

o usurio digitou uma data vlida?
o usurio digitou texto em um campo numrico?
Na maioria das vezes, a fim de validao de
dados a entrada correta para garantir uma
aplicao de computador.
Validao de Submisso
Validao do lado do servidor
executada por um servidor web, aps entrada
foi enviado para o servidor.

Validao do lado do cliente

realizado por um navegador, antes de entrada
enviado para um servidor web.
Exerccio
Crie um formulrio de contato com os
campos nome e mensagem.
Valide se tanto a mensagem como o nome

possuem contedo, isto , no esto vazios.

Exerccio
Faa um cdigo JavaScript que altere uma
imagem contida em uma pgina HTML ao
passar o mouse por cima da imagem.
Mudando o Estilo do HTML
possvel utilizar a propriedade style para
alterar o estilo de elementos HTML
Exerccio
Criar uma div em que, ao passar o mouse
sobre ela, o seu contedo de texto se
altera, sua cor se altera e a sua altura vai
de 100 px para 150 px.
Acessando o histrico de
navegao
Acessando o histrico de
navegao
Caixas de Dilogo
Confirmao (Ok/Cancelar)

Entrada de Texto
Exerccio
Altere o cdigo para que uma pgina exija
dois nmeros como entrada. Calcule a
mdia desses nmeros e a exiba em uma
caixa de dilogo do tipo alert.
 Javascript
Arthur Emanuel de O. Carosia