Você está na página 1de 25

JAVASCRIPT

Javascript hanesan web language, iha parte


cliente ou seja client-side. Ho JavaScript ita
bele anima site nebe intractivo liutan aliem
de animasaun ho css.
Exemplos da utilizasaun :
• Relogio
• Mouse trailer(hanesan tipo muda cor do
mouse wainhira kursor iha link 1 nia leten ou
ssl)
• Dropdown menus
• Alertas
• Janela de popup e,
• validasaun data iha form html
Syntaks
• Atu comesa kria kodigo JavaScript, é
importante tuir kriteria 3:
– Usa script tag atu fohatene browser katak ita usa
JavaScript code,
– Depois hakerek kodigo JavaScript
– Teste ba Script
Exemplo
<html> Saida  Olá Mundo
<head><title>1º programa</title> Explikasaun:
<script type=―text/javascript‖> Usa tag <script> atu notifika ba browser katak
<!— ita usa script, depois, ita set tipo de script
Document.write(―Olá Mundo‖); ―type=―text/javascript‖  kerzer ke usa
JavaScript.
//-->
Iha mos tag commentario nebe comesa ho
</script>
<!-- i acaba ho //-->, usa hodi hatete ba
</head>
browser nebe lasuporta JavaScript katak linha
<body> ne linha komentario.
</body> Document.write(―‖);  atu hakerek string ba
</html> iha documento HTML
Iha nebe los mak hau bele coloca
kodigo JavaScript…?
Ita bele koloca kodigo JavaScript entre
<head><title>titulo</title>
Ita mos bele usa maneira seluk hodi
<-- tau kodigo javascript iha ne hakerek kodigo JavaScript
//--> hakerek kodigo JavaScript iha
</head>
ficheiro ketak e guarda-hanesa/save as
Exemplo: NaranFicheiro.js
<html>
<head><title> ola</title> depois ita usa ficheiro html hodi bolu
<script type=―text/javascript> JavaScript Source code…
<!-- kodigo javascript
--> exemplo
</head> <script type=―text/javascript‖
<body>
</body> src=―NaranFicheiro.js‖>
</html>

NB: bele mos hakerek kodigo JavaScript iha parte


<body> <script type=“text/Javascript”>
</script>
</body>
Exemplo …
Ficheiro Normal  Ficheiro Externo 
<html> Function sayhello(){
alert(―Olá mundo‖);
<head><title>ex. ficheiro normal</title>
}
<script type=―text/javascript‖> ------------------------------------------
Function sayhello(){ Guardar como/save as… sayhello.js
alert(―Olá mundo‖); -------------------------------------------
} <html>
<head><title>ex. ficheiro normal</title>
</script>
<script type=―text/javascript‖ src=―sayhello.js>
</head> </script>
<body> </head>
<input type=―button‖ <body>
onclick=―sayhello()‖ value=―klik hau‖> <input type=―button‖ onclick=―sayhello()‖
</body> value=―klik hau‖>
</body>
</html> </html>
Operadores JavaScript
Operador Deskrisaun Exemplo

+ Adisaun/penjumblahan 1+2=3

- Substrasaun/penguranagan 3-2=1

/ Divisaun/pembagian 6/3=2

* Multiplikasaun/perkalian 3*2=6

% Modulus/restu husi divisaun 7%2=1


Exemplo ba operador
<script type=―text/javascript‖> Resultado saida:
<!-- var rua=2;
var sanulu=10; 2 x 10 = 20
var novalinha=―</br>‖; 2 + 10 = 12
10 - 2 = 8
Document.write(―2 x 10 = ― + (rua*sanulu)); 10/2 = 5
Document.write(novalinha);
Document.write(―2 + 10 = ‖+ (rua+sanulu) );
Document.write(novalinha);
Document.write(―10 - 2 = ‖+ (sanulu-rua) );
Document.write(novalinha);
Document.write(―10/2 = ‖+ (sanulu/rua) );
//-- >
</script>
Operador de comparasaun
Operador Descrisaun Exemplo Resultado
== Hanesan ho / equal to x==y Falso
!= Diferente/not equal to x!=y Verdade
< Menor ke/less than x<y Verdade
> Maior ke/greater than x>y Falso
<= Menor ke ou hanesan ho x<=y Verdade
/less than or equal to
>= Maior ke ou hanesan ho x>=y Falso
/ greater than or equal to
Variavel iha JavaScript
Deklarasaun variavel iha JavaScript <script type="text/JavaScript">
<!–
komesa ho kodigo ―var‖ tuir ho naran
var novalinha= "<br />" ;
variavel depois termina ho ponto i var hau_var= “Olá mundo" ;
virgula(;). Atu atribui valor ida ba variavel document.write(hau_var) ;
iha JavaScript usa notasaun ―=―, notasaun document.write(novalinha) ;
―==― usa atu halo komparasaun logika ba hau_var = “Hau hakarak aprende JavaScript!" ;
document.write(hau_var) ;
variavel ou valor.
document.write(novalinha);
hau_var = “Scripting termina iha ne..." ;
Exemplo: document.write(hau_var) ;
//-->
 var numero; </script>
numero=10;
Ita mos bele atribui ho maneira oinseluk, Saida:
exemplo; Olá mundo
var numero=10; Hau hakarak aprende JavaScript
Scripting termina iha ne…
Cont…
Iha kodigo leten ita deklara variavel rua,
1. Variavel ho naran novalinha nebe atribui valor ―</br>‖, nebe ita konhese hanesan
sintaks ida nebe usa iha HTML atu muda ba linha foun.
2. Variavel ho naran hau_var nebe ita
1. atribui ho valor string ―Olá mundo‖
2. Depois hakerek resultado iha html page usa sintaks ―document.write(hau_var)‖
3. Atrbui novamente valor ba hau_var e hakerek tan resultado iha HTML page e etc.

NB: naran nebe usa atu defini variavel ida iha JavaScript labele komesa ho karakteres hanesan (0-9)
7numer1,89numero2  konsidera hanesan illegal variavel
recomenda katak usa karater lowercase e separa ho underscore diak liu,
primeiro_nome,ultimo_nome
Funsaun(function) iha JavaScript
Hanesan mos iha linguagem programasaun seluk, ita usa function atu simplifika diak
liutan ita nia programa em termos de utilizasaun dos kodigos. Function sempre hakerek
iha fatin seluk no usa referensia hodi bolu funsaun ou kontrario,

 exemplo:
Funsaun ida ho naran ―function calculaMedia(naran)‖, atu kalkula francisco nia idade….
entaun ita bele calcula ho function
calculaMedia(―Francisco‖);
 Exemplo iha JavaScript;
<script type=―text/JavaScript‖>
<!- -
function calculaMedia(nome,notas1,notas2){
alert(nome + ― ― + ((notas1+notas2)/2)); }
calculaMedia(―helder‖,10,10)
//-- >
</script>
Resultado da saida mosu janela alerta ho konteudu helder 10
Eventu iha Javascript
Evente iha JavaScript hanesan <head>
akontesimentu nebe akontese iha <script type="text/javascript">
webpage hanesan tipo; <!–
mouse klik function popup() {
web page loading alert(―Olá Mundo")
mouseover }
mousemove //-->
sst. </script>
Atu kaptura eventu ida no halo </head>
akontese eventu ida wainhira eventu <body>
okorre, ita tenke spesifika eventu ne <input type="button" value=―Klik hau!"
ba elementu HMTL nebe atu usa onclick="popup()―>
hodi akontese eventu ne, no <br />
function() nebe mak atu korre <a href="#" onmouseover=""
wainhira akontese eventu ne. onMouseout="popup()"> mouseout!</a>
</body>
Resultado saida
Waihira browser karrega kodigo ne’e sei mosu command button ida iha
webpage no link ida ho naran ―mouseout!‖ e wainhira utilizador klika iha
command button leten, maka sei mosu janela alerta ida ho konteudu ―Olá
Mundo‖ e mos wainhira utilizador se/muda mouse iha link nia leten no klik sei
la akontese buat ida maibe wainhira nia desvia mouse pointer husi link maka
sei mosu janela alerta ho konteudo ―Olá Mundo‖
Statement iha JavaScript
• Conditional statement
• Loop statement
• Object manipulation statement
• Comment statement
Conditional statement
Conditional statement usa atu kontrola script ida hodi bele difere asaun(action) nebe
bele mosu/executa depende ba situasaun/kondisaun.
Por exemplo;
Se ita bot manan SDSB $2000, karik ita bot sei husik ita nia servisu.
Explikasaun:
Iha palavrinha ou statementu ikus ne hanesan conditional statement nebe usa hanesan
referencia ba kodifikasaun iha processo de programasaun. Se kondisaun (manan SDSB)
for verdade, entam buat ruma akontese (husik servisu) e caso kontrario se for falsu.
Exemplo conditional statement
if
Ita iha variavel ida nebe bele guarda ―Date‖ ho informasan ida ne ita bele cria script
oan ida hodi hatete katak ― Ohin ne hau nia dia de aniversario‖, wainhira kompara
katak loron no fulan aktual hanesan ho loron no fulan moris nia.

Exemplo kodigo:
<script type=―text/javascript‖>
<!- -
Var idade=17;
If (idade==17){
Document.write(―ita bot Jovem ida‖);
}
//-- >

Resultado saida  ita bot Jovem ida


Exemplo conditional statement
if … else
Wainhira ita halo validasaun de logika ba variavel ida sempre mosu desisaun alternativu
rua… resultadu verdadero ou resultado falso, iha script anterior ita hare tena konaba oinsa
foti desisaun iha if nia laran no iha neba ita hare katak resultado verdadeiro, maibe sefor
idade diferente 17 entam resultado falso. Atu resolve problema ba resultado falso ne ita
aumenta linha de kodigo ou sintaks ―else‖.
Exemplo 1
<script type=―text/javascript‖>
Var idade=15;
If (idade>=17){
Document.write(―ita bot Jovem ida‖);
}
Else{
Document.write(―ita bot sei labarik‖);
}
</script>

Resultado saida  ita bot sei labarik


If…else --JavaScript
Exemplo 2
<script type=―text/javascript‖>
Var local=―Baucau‖;
If(local==―Dili‖){
Document.write(―Kapital Timor-lorosa’e‖);
}
Else if(local==―Baucau‖){
Document.write(―Segunda cidade de Timor‖);
}
Else {
Document.write(―Lapertense ba cidade ida‖);
}
</script>
Loop statement
Iha 2 tipos de loop statement
1. while loop statement
2. for loop statement

Iha loop statement, sei verifika uluk kondisaun, e se for verdade entam executa linha de
kodigo balun, depois da exekusaun da linha, verfika ulang fali kondisaun e se verdade
nia sei executa nafatin linha de kodigo até ke kondisaun resulta falsu.

Exemplo:
Atu fahe pão ruma ba alunos SD sira iha merenda eskolar. Ita bele usa loop statement
hodi valida kondisaun. Enkuanto alunos sira sei iha entam fahe pão e kuando alunos
laiha(simu hotu na) entam lafahe.
Exemplo loop statement
Exemplo ida ne atu hatudu/ konta Resultado saida:
número 1 até 10 e hamosu iha ekrã/layar
<script type=―text/javascript‖>
Número 1
Function Ex_loop(){
Número 2
Var contador=1;
Var linafoun=―<br/‖; Número 3
While (contador<=10){ Número 4
Document.write(―Número ― + contador Número 5
+ linafoun); Número 6
Contador=contador+1; //validasaun Número 7
contador ba proximo numero
Número 8
}
Número 9
}//function
</script> Número 10
Object manipulation statement
Object manipulation <script type=―text/javascript‖>
statement ne usa iha
programasaun orientado ao Var x;
objecto/ pemrograman Var linafoun=―<br/>‖;
berorientasi object.
Var aluno= new Object();
Exemplo da sintaks
aluno.nome=―Kaka‖;
For( variable in object){ aluno.morada=―Becora‖;
statements aluno.genero=―M‖;
}
For (x in aluno){
NB: recomenda katak se
document.write(x + ― = ― + aluno[x] + linafoun);
sedauk estuda konta
programasuan orientada ao }//for
objecto/ object oriented
programming, diak liu hakat
liu tia deit. </script>
Comment statement
• Comment statement ne usa atu komenta ita nia linha kodigo ou esplikasaun ba ita
nia linha kodigo rasik, rajaun mak, se tempo ruma ita hakarak estuda fali ita nia
linha de kodigo karik ita bele komprende lais.
• Comment statement usa atu prevene browser atu executa linha de código nebe
designadu hanesan non-code, aliás iha entre linha de commentario
• Atu halo komentario iha linha ida deit (single line) bele usa slash rua // e ba multi-
linha(multiline) usa /* komentariu iha ne */

Exemplo
<script type=―text/javascript‖>
// komentariu linha ida
/*
Komentariu multiline
*/
</script>
Array iha JavaScript
Array hanesan variavel ida nebe bele guarda varuavel bark iha nia laran . Exemplo
array ho naran loronservisu bele guarda variavel husi ―segunda‖ to’o ―sexta‖.
Utilizasaun array iha JavaScript hanesan mos iha linguagem seluk nebe declara ho
maneira
Var variavel= new array();

Precisa atu lembra buat oan hirak tuir mai ne wainhira usa array iha JavaScript:
• array tenke representa ho variavel espesifiku nebe mak adekua ho dados de variavel
– Ex. var loronservisu= new array();
loronservisu=[―segunda‖,‖terça‖,‖kuarta‖,‖kinta‖,‖sexta‖];
• Atu guarda variavel ida iha array tenke determina fatin ou posisaun
• Ex. Var loronservisu=new array()
loronservisu[4]=―Sexta‖;
• Atu asesu ba dados iha array laran tenke ida posisaun dados
– Ex. loronservisu[3];
Criasaun array iha JavaScript