Curso de Anlise e Desenvolvimento de Sistemas Tcnicas da Programao Aula 06

Aula 6
Aula 6

Correo da prova Exerccios Excesses Formulrios

Correo da prova

Prova Terica Prova prtica

Funo Arrays e loops alidaes !utros Ponto "lutuante #intaxe $avascript

Funo is%a%

eri"ica se o ar&umento passado ' do tipo %a% (%ot a %um)er*+ ,uando utili-amos uma "uno como parse.nt ou parseFloat com valores no num'ricos/ elas retornam %a% como resultado+

0ecomendaes so)re "unes

1evem ser )em plane$adas 1evem ser )em comentadas 1evem ser )em endentadas Funes utili-adas em vrias p&inas devem "icar em ar2uivos externos

Exerccios
3* Faa uma "uno 2ue rece)e dois vetores como ar&umentos+ Execute a soma destes/ elemento a elemento e colo2ue em um outro vetor+ Como este ser retornado4 5* 1ado um vetor 2ual2uer/ crie uma "uno para encontrar os valores6 maior/ menor e a m'dia dos elementos+ Colo2ue7o em uma #trin& 2ue deve ser retornado+ 8* Crie uma "uno 2ue leia de- valores inteiros e imprima os 2ue so maiores 2ue a m'dia dos valores coletados+ 9* Construa uma "uno 2ue leia 5 vetores inteiros de : posies e apresente o con$unto ;nio e o con$unto .nterseco dos vetores

Formulrios

Entrada de dados <avascript pode manipular elementos do "ormulro alidaes nos "ormulrios e comportamento din=mico

Exerccios
Caixa de texto

Senha

Exerccios
Check Box

Radio Button

Exerccios
Boto de Envio

rea de Texto

>anipuladores de Eventos

Capturar eventos (como cliques do mouse e mudana de "oco* e executar comandos de <ava#cript+

! 2ue #o Eventos
Eventos so indicaes de 2ue determinada tare"a ocorreu+ ! <ava#cript tem a capacidade de detectar 2uando determinados eventos ocorrem+ Todo elemento de uma p&ina ?e) ' capa- de disparar determinados eventos+ Exemplos6 Cli2ue do mouse/ mudana de "oco/ entrada na p&ina/ sada da p&ina/ etc+

! 2ue #o >anipuladores de Eventos

>anipuladores de Eventos ou Event Handlers so "unes 2ue respondem a determinados eventos+ Cada evento 2ue ocorre em uma p&ina pode ter uma "uno de manipulao espec"ica+ As "unes so associadas a eventos a partir de nomes do <ava#cript6 !n@oad/ !n>ouse!ver/ etc+

TAAs e Event Handlers

Event Handlers esto sempre associados a elementos BT>@ (ta&s*+ Exemplos6

<a href=index.htm onMouseOver=alert(oi!)> Passe o mouse a ui. <!a> <"od# on$oad=%alert(&'e(a )em*+indo!&)>

TAAs e Event Handlers

%ormalmente utili-amos cCamadas a "unes/ tornando o nosso cdi&o mais "cil de ler e de consertar+ Exemplo6
<"od# on$oad=oi() on,nload=t-hau()>

Event Handlers

Evento6 Event Bandler6 abort blur change click dblclick error focus ke down ke press ke up load onAbort onBlur onChange onClick onDblClick onError onFocus on!e Down on!e #ress on!e Up on%oad

Evento6 mousedown mousemove mouseout mouseover mouseup move reset resi"e select submit unload
MA&$'U(&%&)ADO$*

Event Bandler6 onMouseDown onMouseMove onMouseOut onMouseOver onMouseUp onMove onReset onResi"e on$elect on$ubmit onUnload

Clicando em um Doto

! exemplo a)aixo mostra como cCamar "unes a partir do cli2ue em um )oto6

<!-<!-- Botes Botes que que executam executam funes funes --> --> <input <input type='button type='button onclick='Mostrar onclick='Mostrar !u"a#en$a%& !u"a#en$a%& 'alue='#en$a('> 'alue='#en$a('> <input <input type='button type='button onclick='Mostrar onclick='Mostrar !u"a)mail%& !u"a)mail%& 'alue=)mail('> 'alue=)mail('>

CCamando uma "uno como event handler

Exemplo6
Einput typeFG)uttonH valueFGsomarH onclicIFG?indo?+alert(somaJvalores(8/9**H

Exerccios
Evento onload()

Exerccios
Boto Reset

rea de texto

Exerccios
Menu Pull Down

Eventos
Treinar Principais enventos !nCCan&e !nDlur !nClicI !nKeyPress !n#u)mit alidao de "ormulrio complexo