JAVASCRIPT

Introduo Operadores lgicos Operadores matemticos Controles especiais Controles condicionais Eventos Criando variveis Escrevendo no documento Mensagens Criando funes Funes intrinsecas Criando novas instncias Manipulando arrays matr!"es# Manipulando strings Manipulando datas Interagindo com o usurio $sando %ime e &ate '(rindo novas )anelas

INTRODUO *ava+cript , uma linguagem -ue permite in)etar lgica em pginas escritas em .%M/ .iper%e0t Mar12up /anguage#3 's pginas .%M/ podem ser escritas utili"ando2se editores de te0to4 como o 5ote6ad4 7rite4 etc3 6or,m4 e0istem editores prprios para gerar .%M/4 tais como .ot&og e mais recomendado# Microsoft Front6age3 Os pargrafos de lgica do )ava+cript podem estar 8soltos8 ou atrelados a ocorr9ncia de eventos3 Os pargrafos soltos so e0ecutados na se-u9ncia em -ue aparecem na pgina documento# e os atrelados a eventos so e0ecutados apenas -uando o evento ocorre3

6ara inserir pargrafos de programao dentro do .%M/ , necessrio identificar o in!cio e o fim do set de *ava+cript4 da seguinte forma: ;+C<I6%= +et de instrues ;>+C<I6%= Este procedimento pode ser adotado em -ual-uer local da pgina3 Entretanto4 para mel?or visuali"ao e facilidade de manuteno4 recomenda2se -ue toda a lgica se)a escrita no in!cio do documento4 atrav,s da criao de funes a serem invocadas -uando se fi"er necessrio normalmente atreladas a eventos#3 +e a lgica , escrita a partir de um determinado evento4 no , necessrio o uso dos comandos ;+C<I6%= e ;>+C<I6%=3 Os comandos *ava+cript so sens!veis ao tipo de letra mai@sculas e min@sculas# em sua sinta0e3 6ortanto4 , necessrio -ue se)a o(edecida a forma de escrever os comandos4 de acordo com a forma apresentada ao longo deste manual3 Caso se)a cometido algum erro de sinta0e -uando da escrita de um comando4 o *ava+cript interpretar4 o -ue seria um comando4 como sendo o nome de uma varivel3

OPERADORES LGICOS +o operadores a serem utili"ados em comandos condicionais4 tais como: IF 4 FO< e 7.I/E3 Os comandos condicionais sero vistos mais a frente3 A A Igual BA &iferente = Maior =A Maior ou Igual ; Menor ;A Menor ou Igual CC E DD Ou

OPERADORES MATEMTICOS +o operadores a serem utili"ados em clculos4 refer9ncias de inde0adores e manuseio de strings3 'o longo do manual estes operadores sero largamente utili"ados4 dando4 assim4 uma noo mais precisa do seu potencial3 E adio de valor e concatenao de strings 2 su(trao de valores F multiplicao de valores > diviso de valores G o(tem o resto de uma diviso: E0: HIJ G HK retornar L L G K retornar H EA concatena >adiciona ao string>valor ) e0istente3 Ou se)a:

0 EA y , o mesmo -ue 0 A 0 E y da mesma forma podem ser utili"ados: 2A 4 FA 4 >A ou GA $m contador pode ser simplificado utili"ando2se : MEE ou M22 o -ue e-uivale as e0presses: M A M E H ou M A M 2 H respectivamente3 6ara inverter sinal: M A 2M negativo para positivo ou positivo para negativo3 CONTROLES ESPECIAIS N( 2 (ac1space Nf 2 form feed Nn 2 neO line caracters Nr 2 carriage return Nt 2 ta( c?aracters >> 2 /in?a de comentrio >F3333F> 2 &elimitadores para inserir um te0to com mais de uma lin?a como comentrio3 Os delimitadores naturais para uma string so 8 ou P 3 Caso se)a necessrio a utili"ao destes caracteres como parte da string4 utili"e N precedendo 8 ou P3 E03 alert 8Cuidado com o uso de N8 ou NP em uma string8# COMANDOS CONDICIONAIS +o comandos -ue condicionam a e0ecuo de uma certa tarefa Q veracidade ou no de uma determinada condio4 ou en-uanto determinada condio for verdadeira3 +o eles:

EVENTOS +o fatos -ue ocorrem durante a e0ecuo do sistema4 a partir dos -uais o programador pode definir aes a serem reali"adas pelo programa3 '(ai0o apresentamos a lista dos eventos poss!veis4 indicando os momentos em -ue os mesmos podem ocorrer4 (em como4 os o()etos pass!veis de sua ocorr9ncia3 onload - Ocorre na carga do documento3 Ou se)a333 onunload - Ocorre na descarga sa!da# do documento3 %am(,m s ocorre no333 onchan ! - Ocorre -uando o o()eto perde o focus e ?ouve mudana de conte@do3 Rlido para os333 on"lu# - Ocorre -uando o o()eto perde o focus4 independente de ter ?avido mudana3 Rlido para os o()etos333 on$ocu% - Ocorre -uando o o()eto rece(e o focus3 Rlido para os333 oncl&c' - Ocorre -uando o o()eto rece(e um Clic1 do Mouse3 Rlido para os o()etos333 on(ou%!o)!# - Ocorre -uando o ponteiro do mouse passa por so(re o o()eto3

Rlido apenas para33 on%!l!c* - Ocorre -uando o o()eto , selecionado3 Rlido para os333 on%u"(&* - Ocorre -uando um (oto tipo +u(mit rece(e um clic1 do mouse3 Rlido apenas para333 CRIANDO VARIVEIS ' varivel , criada automaticamente4 pela simples associao de valores a mesma3 E03 5ovaRariavel A 8*ose8 Foi criada a varivel de nome 5ovaRariavel -ue4 passou a conter a string *ose3 's variveis podem ser /ocais ou Slo(ais3 's variveis -ue so criadas dentro de uma funo so /ocais e referenciveis apenas dentro da funo3 's variveis criadas fora de funes so Slo(ais4 podendo serem referenciadas em -ual-uer parte do documento3 &esta forma4 variveis -ue precisam ser referenciadas por vrias funes ou em outra parte do documento4 precisam ser definidas como glo(ais3

ESCREVENDO NO DOCUMENTO O *ava+cript permite -ue o programador escreva lin?as dentro de uma pgina documento#4 atrav,s do m,todo Orite3 's lin?as escritas desta forma4 podem conter te0tos4 e0presses *ava+cript e comandos .tml3 's lin?as escritas atrav,s deste m,todo aparecero no ponto da tela onde o comando for inserido3 E0: ;script= valor A KJ document3Orite 8Min?a primeira lin?a8# document3Orite 85esta lin?a aparecer o resultado de : 8 E HJ F HJ E valor## ;>script= MENSAGENS E0istem tr9s formas de comunicao com o usurio atrav,s de mensagens3 'penas O(servao3 alert mensagem # E03 alert 8Certifi-ue2se de -ue as informaes esto corretas8# Mensagem -ue retorna confirmao de OT ou C'5CE/'< confirm mensagem# E03 if confirm 8'lgo est errado333devo continuarUU8## V alert 8Continuando8# W else V alert 86arando8# W <ece(e mensagem via cai0a de te0to Input

<eceptor A prompt 8Min?a mensagem84 8Meu te0to8# Onde: CRIANDO +UN,ES $ma funo , um set de instrues4 -ue s devem ser e0ecutadas -uando a funo for acionada3 ' sinta0e geral , a seguinte: function 5omeFuno 6armetros# V 'o W +upon?a uma funo -ue ten?a como o()etivo informar se uma pessoa , maior ou menor de idade4 rece(endo como parmetro a sua idade3 6ara acionar esta funo4 supon?a uma cai0a de te0to4 em um formulrio4 na -ual se)a informada a idade e4 a cada informao4 a funo se)a acionada3 O(serve2se -ue o parmetro passado -uando ocorre o evento 8onc?ange8# foi o conte@do da cai0a de te0to 8%empo8 propriedade 8value8# e -ue4 na funo4 c?amamos de 8'nos83 Ou se)a4 no e0iste co2relao entre o nome da varivel passada e a varivel de recepo na funo3 'penas o conte@do , passado3 +UN,ES INTR-NSECAS +o funes em(utidas na prpria linguagem3 ' sinta0e geral , a seguinte: e0H: <esult A eval 8 HJ F XJ# E X 2 Y8# e0X: <esult A eval string#

Funes tipicamente Matemticas: Mat?3a(s n@mero# 2 retorna333 Mat?3ceil n@mero# 2 retorna o pr0imo valor inteiro maior -ue o n@mero Mat?3floor n@mero# 2 retorna333 Mat?3round n@mero# 2 retorna o valor inteiro4 arredondado4 do n@mero Mat?3poO (ase4 e0poente# 2 retorna333 Mat?3ma0 n@meroH4 n@meroX# Z retorna333 Mat?3min n@meroH4 n@meroX# 2 retorna o menor n@mero dos dois fornecidos Mat?3s-rt n@mero# Z retorna333 Mat?3+[<%X Z retorna333 Mat?3+[<%\X 2 retorna a rai" -uadrada de H>X apro0imadamente J3LJL#

Mat?3sin n@mero# Z retorna333 Mat?3asin n@mero# 2 retorna o arco seno de um n@mero em radianos# Mat?3cos n@mero# Z retorna333 Mat?3acos n@mero# 2 retorna o arco cosseno de um n@mero em radianos# Mat?3tan n@mero# 2 retorna333 Mat?3atan n@mero# 2 retorna o arco tangente de um n@mero em radianos# Mat?3pi retorna333 Mat?3log n@mero# 2 retorna o logar!tmo de um n@mero Mat?3E 2 retorna333 Mat?3/5X 2 retorna o valor do logar!tmo de X apro0imadamente J3]^K# Mat?3/OSXE 2 retorna333 Mat?3/5HJ retorna o valor do logar!tmo de HJ apro0imadamente X3KJX# Mat?3/OSHJE 2 retorna333 O(servao: Em todas as funes4 -uando apresentamos a e0presso 8 n@mero#84 na verdade -ueremos nos referir a3333 CRIANDO NOVAS INST.NCIAS 'trav,s do operador neO podem ser criadas novas instncias a o()etos ) e0istentes4 mudando o seu conte@do4 por,m4 mantendo suas propriedades3 ' sinta0e geral , a seguinte:

MANIPULANDO ARRA/S function Cria'rray n# V t?is3lengt? A n for var i A H _ i ;A n _ iEE# V t?is`ia A 88 W W 5ome&ia A neO Cria'rray L# 5ome&ia`Ja A 8&omingo8 5ome&ia`Ha A 8+egunda8 5ome&ia `Xa A 8%era8

5ome&ia`Ka A 8[uarta8 5ome&ia`ba A 8[uinta8 5ome&ia`Ia A 8+e0ta8 5ome&ia`]a A 8+(ado8 'tividade A neO Cria'rray I# 'tividade`Ja A 8'nalista8 'tividade`Ha A 86rogramador8 'tividade`Xa A 8Operador8 'tividade`Ka A 8Conferente8 'tividade`ba A 8&igitador8 'gora poderemos o(ter os dados diretamente dos arrays3 &ia+emana A 5ome&ia`ba Ocupao A 'tividade`Ha function Empresas Emp4 5func4 6rod# V t?is3Emp A Emp t?is35func A 5func t?is36rod A 6rod W %a(Emp A neO Empresas K# %a(Emp`Ha A neO Empresas 8Elogica84 8HXJ84 8+ervios8# %a(Emp`Xa A neO Empresas 86itaco84 8KI84 8+oftOare8# %a(Emp`Ka A neO Empresas 8Corisco84 8bX84 8Conectividade8# O(s: c importante lem(rar -ue4 em(ora os e0emplos este)am com inde0adores fi0os4 os inde0adores podem ser refer9ncias ao conte@do de variveis3

MANIPULANDO STRING0% O *ava+cript , (astante poderoso no manuseio de +tringds4 fornecendo ao programador uma total fle0i(ilidade em seu manuseio3 '(ai0o apresentamos os m,todos dispon!veis para manuseio de stringds3 string3lengt? Z retorna333 string3c?ar't posio# 2 retorna o caracter da posio especificada inicia em J# string3inde0Of 8string8# 2 retorna333 string3lastinde0Of 8string8# 2 retorna o n@mero da posio onde comea a @ltima 8string8 string3su(string inde0H4 inde0X# 2 retorna3333

MANIPULANDO DATAS

E0iste apenas uma funo para -ue se possa o(ter a data e a ?ora3 c a funo &ate #3 Esta funo devolve data e ?ora no formato:&ia da semana4 5ome do m9s4 &ia do m9s4 .ora:Minuto:+egundo e 'no E03 Fri May Xb H]:IY:JX H^^] 6ara se o(ter os dados separadamente4 e0istem os seguintes m,todos:

function Cria%a( n# V t?is3lengt? A n for var 0 A H _ 0;A n _ 0EE# V t?is`0a A 88 W W 5ome&ia A neO Cria%a( L# 5ome&ia`Ja A 8&omingo8 5ome&ia`Ha A 8+egunda8 5ome&ia `Xa A 8%era8 5ome&ia`Ka A 8[uarta8 5ome&ia`ba A 8[uinta8 5ome&ia`Ia A 8+e0ta8 5ome&ia`]a A 8+(ado8 &ia+emana A 5ome&ia`&ia.o)ea E0emplos adicionais sero encontrados no cap!tulo 8$sando %imer e &ate

INTERAGINDO COM O USURIO ' interao com o usurio se d atrav,s de o()etos para entrada de dados te0tos#4 marcao de opes radio4 c?ec1(o0 e com(o#4 (otes e lin1Ps para outras pginas3 Conceitualmente4 os o()etos so divididos em: Input4 %e0tarea e +elect3 O o()eto Input divide2se propriedade %ype# em: e6assOord e%e0t e.idden eC?ec1(o0 e<adio efutton e<eset e+u(mit ' construo destes o()etos , feita pela linguagem .%M/ .iper%e0t Mar12up /anguage#3 6ortanto4 , aconsel?vel -ue se)am criados utili"ando2se ferramentas de gerao de pginas .%M/4 como o .ot&og ou4 mais recomendado4 Front6age3 O()eto Input %EM% , o principal o()eto para entrada de dados3 +uas principais propriedades so: type4 si"e4 ma0lengt?4 name e value3 typeAte0t : Especifica um campo para entrada de dados normal si"e : Especifica o taman?o do campo na tela3 ma0lengt? : Especifica a -uantidade m0ima de caracteres permitidos3 name : Especifica o nome do o()eto value : 'rma"ena o conte@do do campo3

Os eventos associados a este o()eto so: onc?ange4 on(lur4 onfocus e onselect3

E0: ;form nameA8%%e0t8= ;p=Entrada de %e0to ;input typeAte0t si"eAXJ ma0lengt?AKJ nameA8C0%e0to8 valueA88 onc?angeA8alert PRoce digitou P E C0%e0to3value#8= ;>p= ;>form= O()eto Input 6'++7O<&
http://www.tutoriais.com.br

+ua maior fonte de Informao