modul6teori Javascript
Ja nua ry 1
Dikta t
Ja va sc rip t
Digitally signed
by L. Erawan
L.
DN: cn=L. Erawan
2014.09.26
Erawan Date:
08:44:25 +07'00'
2014
Ja va sc rip t sa la h sa tu b a ha sa we b sta nd a r ya ng
d ire ko me nd a sika n o le h EC MA Inte rna tio na l. Fung si b a ha sa
sc rip t ini untuk me na mb a h sifa t inte ra ktif p a d a ha la ma n we b
d a n me mb ua t situs me nja d i d ina mis
Pe mro g ra ma n
We b
Diktat Javascript
2
DAFTAR ISI
Pe ng e na la n ................................................................................................................................................. 7
C a ra Me ng g una ka n Ja vsc rip t ................................................................................................................ 8
Bro wse r Ya ng Tid a k Me nd ukung Ja va sc rip t ......................................................................................... 9
Lo ka si Pe nulisa n Ko d e Ja va sc rip t d a la m Do kume n HTML................................................................. 9
Di Ba g ia n HEAD ...................................................................................................................................... 9
Di Ba g ia n BO DY.................................................................................................................................... 10
Di Ba g ia n HEAD d a n BO DY ................................................................................................................ 10
Me ng g una ka n File Ja va sc rip t Ekste rna l .......................................................................................... 11
Sta te me nt Ja va sc rip t .............................................................................................................................. 12
C a se Se nsitive d a la m Sta te me nt...................................................................................................... 12
Ta nd a Akhir Sua tu Sta te me nt ............................................................................................................ 12
Ko d e Ja va sc rip t ................................................................................................................................... 12
Blo k Ja va sc rip t ...................................................................................................................................... 12
Me nyisip ka n Ko me nta r............................................................................................................................ 13
Tip e Da ta .................................................................................................................................................... 14
Flo a t d a n Inte g e r ................................................................................................................................. 14
Bo o le a n .................................................................................................................................................. 14
String ....................................................................................................................................................... 14
Arra y ....................................................................................................................................................... 15
O b je c t .................................................................................................................................................... 16
Me nd e kla ra sika n va ria b e l...................................................................................................................... 17
O p e ra to r Aritme tika ................................................................................................................................. 18
O p e ra to r Assig nme nt .............................................................................................................................. 18
O p e ra to r + Untuk String ........................................................................................................................... 19
O p e ra to r Pe mb a nd ing a n d a n Lo g ika ................................................................................................. 19
O p e ra to r Pe mb a nd ing a n .................................................................................................................. 19
L. Era wa n
Diktat Javascript
3
O p e ra to r Lo g ika ....................................................................................................................................... 20
Pe rc a b a ng a n if, ....................................................................................................................................... 21
Pe rc a b a ng a n if...e lse , ............................................................................................................................. 21
Pe rc a b a ng a n if...e lse if..e lse .................................................................................................................. 22
Pe rc a b a ng a n switc h ............................................................................................................................... 23
Ale rt ............................................................................................................................................................. 25
C O NFIRM.................................................................................................................................................... 25
Pro mp t ........................................................................................................................................................ 26
Pe nting ! ...................................................................................................................................................... 28
Pe rnya ta a n re turn .................................................................................................................................... 29
Va ria b e l Lo ka l ........................................................................................................................................... 30
Fo r................................................................................................................................................................ 31
While ........................................................................................................................................................... 32
Do ...while ................................................................................................................................................... 33
Bre a k ........................................................................................................................................................... 34
C o ntinue .................................................................................................................................................... 34
o nLo a d d a n o nUnlo a d ........................................................................................................................... 37
o nFo c us, o nBlur d a n o nC ha ng e ........................................................................................................... 37
o nSub mit .................................................................................................................................................... 38
o nMo use O ve r d a n o nMo use O ut.......................................................................................................... 38
Be b e ra p a C o nto h Pe ng g una a n .......................................................................................................... 39
Eve nt c lic k.................................................................................................................................................. 45
Eve nt o nmo use d o wn d a n o nmo use up ............................................................................................... 46
O b je k String ............................................................................................................................................... 48
Pro p e rti................................................................................................................................................... 48
Me tho d .................................................................................................................................................. 48
PRO PERTY................................................................................................................................................... 49
Pro p e rti C o nstruc to r............................................................................................................................. 49
L. Era wa n
Diktat Javascript
4
Pro p e rti Le ng th ..................................................................................................................................... 50
Pro p e rti Pro to typ e ................................................................................................................................ 50
METHO D ..................................................................................................................................................... 51
Me tho d c ha rAt() .................................................................................................................................. 51
Me tho d c ha rC o d e At() ....................................................................................................................... 51
Me tho d c o nc a t() ................................................................................................................................. 52
Me tho d fro mC ha rC o d e ()................................................................................................................... 52
Me tho d ind e xO f() ................................................................................................................................ 52
Pe rb e d a a n a nta ra ind e xO f d a n la stInd e xO f:............................................................................ 53
Me tho d la stInd e xO f() .......................................................................................................................... 54
Me tho d ma tc h() .................................................................................................................................. 54
Me tho d re p la c e () ................................................................................................................................ 55
Cont oh: .................................................................................................................................................. 55
Keluaran: .............................................................................................................................................. 55
Se a rc h() ................................................................................................................................................. 55
Cont oh 1: .............................................................................................................................................. 55
Keluaran: .............................................................................................................................................. 55
Cont oh 2: .............................................................................................................................................. 55
Keluaran: .............................................................................................................................................. 56
Slic e () ...................................................................................................................................................... 56
Cont oh: .................................................................................................................................................. 56
Keluaran: .............................................................................................................................................. 56
Sp lit() ....................................................................................................................................................... 56
Cont oh: .................................................................................................................................................. 57
Keluaran: .............................................................................................................................................. 57
Sub str() .................................................................................................................................................... 57
Cont oh: .................................................................................................................................................. 57
Keluaran: .............................................................................................................................................. 57
L. Era wa n
Diktat Javascript
5
Sub string () .............................................................................................................................................. 57
Cont oh: .................................................................................................................................................. 58
Keluaran: .............................................................................................................................................. 58
To Lo we rC a se () ...................................................................................................................................... 58
Cont oh: .................................................................................................................................................. 58
To Up p e rC a se () ..................................................................................................................................... 58
Cont oh: .................................................................................................................................................. 58
Va lue O f() ............................................................................................................................................... 58
Cont oh: .................................................................................................................................................. 58
Keluaran: .............................................................................................................................................. 59
PRO PERTI .................................................................................................................................................... 60
c o nstruc to r().......................................................................................................................................... 61
Cont oh: .................................................................................................................................................. 61
Keluaran: .............................................................................................................................................. 61
p ro to typ e () ............................................................................................................................................ 61
Cont oh: .................................................................................................................................................. 61
Keluaran: .............................................................................................................................................. 61
METHO D ..................................................................................................................................................... 62
g e tDa te () ............................................................................................................................................... 62
Cont oh 1: .............................................................................................................................................. 62
Cont oh 2: .............................................................................................................................................. 62
g e tDa y()................................................................................................................................................. 63
Cont oh 1: .............................................................................................................................................. 63
Cont oh 2: .............................................................................................................................................. 63
g e tFullYe a r() .......................................................................................................................................... 63
Cont oh 1: .............................................................................................................................................. 64
Cont oh 2: .............................................................................................................................................. 64
g e tHo urs() .............................................................................................................................................. 64
L. Era wa n
Diktat Javascript
6
Cont oh 1: .............................................................................................................................................. 64
Cont oh 2: .............................................................................................................................................. 65
g e tMillise c o nd s() .................................................................................................................................. 65
Cont oh 1: .............................................................................................................................................. 65
Cont oh 2: .............................................................................................................................................. 65
L. Era wa n
Diktat Javascript
7
JAVASCRIPT
PENGENALAN
Bahasa script Javascript paling populer di Internet dan dapat bekerja pada semua browser utama
seperti Internet Explorer, Firefox, Google Chrome, Safari, dan Opera.
Untuk mempelajari Javascript dibutuhkan penguasaan terhadap bahasa utama web yaitu HTML atau
XHTML.
Sebelum mengenali lebih jauh, berikut beberapa hal yang perlu diketahui tentang javascript:
•
•
•
•
•
Javascript dirancang untuk memberikan unsur interaktif kepada halaman HTML
Javascript merupakan bahasa script. Bahasa script adalah bahasa pemrograman yang
ringan, dalam arti aturan pemrogramannya tidak serumit bahasa pemrograman murni
Javascript biasanya digunakan dengan cara menuliskannya secara langsung pada halaman
HTML
Javascript merupakan bahasa interpreter, yang berarti script Javascript tidak perlu
dikompilasi sebelum dieksekusi.
Javascript bersifat gratis
Javascript dapat digunakan untuk melakukan hal-hal berikut:
•
•
•
•
•
•
Javascript dapat membuat teks dinamis dalam halaman HTML. Javascript dapat menulis teks
atau isi suatu variabel pada halaman HTML.
Javascript dapat menangani event. Kejadian-kejadian seperti tindakan mengklik mouse, atau
ketika halaman HTML telah selesai dimuat ke browser dapat dikenali oleh javascript dan
dapat mengatur tindakan tertentu ketika event itu terjadi.
Javascript dapat membaca dan menulis elemen-elemen HTML, yang berarti dapat digunakan
untuk mengubah konten suatu elemen HTML.
Javascript dapat memvalidasi data, misalnya data form sebelum dikirim ke server sehingga
dapat meringankan server.
Javascript dapat mendeteksi browser pengunjung
Javascript dapat membuat cookies yang akan menyimpan dan memanggil informasi kedalam
komputer pengunjung.
L. Era wa n
Diktat Javascript
8
CARA MENGGUNAKAN JAVSCRIPT
Kode-kode Javascript disisipkan kedalam dokumen HTML menggunakan elemen SCRIPT. Elemen ini
akan mengawali dan mengakhiri kode-kode javascript. Browser akan melihat elemen ini sebagai
perintah kepadanya untuk menterjemahkan kode-kode yang berada didalam elemen SCRIPT sebagai
script Javascript.
Contoh berikut akan memberikan gambaran bagaimana penulisan kode javascript kedalam dokumen
HTML:
d o c ume nt.write (“ He llo wo rld !!” );
Dalam contoh diatas, elemen SCRIPT menggunakan atribut type untuk mendefinisikan bahasa script
yang digunakan (perintah ini diperlukan karena didalam web, bahasa script tidak hanya Javascript
saja)
Jika akan menggunakan elemen HTML untuk memformat tampilan hasil kode Javascript, maka
elemen HTML yang akan digunakan ditulis sebagai parameter dari perintah document.write():
d o c ume nt.write (“He llo wo rld !! ” );
Perintah document.write() adalah perintah standar yang umum di Javascript untuk menampilkan
keluaran ke halaman HTML.
Catatan : jika tag tidak digunakan saat menuliskan kode Javascript kedalam dokumen HTML, maka browser
akan menganggap kode tersebut sebagai teks murni dan akan menampilkan seluruh kode tersebut ke halaman HTML.
L. Era wa n
Diktat Javascript
9
BROWSER YANG TIDAK MENDUKUNG JAVASCRIPT
Suatu dokumen HTML yang terdapat kode javascript didalamnya dijalankan pada browser yang tidak
mendukung Javascript, maka kode Javascript tidak akan dieksekusi malahan seluruh kodenya akan
ditampilkan apa adanya ke halaman.
Saat ini, hampir seluruh browser mendukung Javascript. Meskipun demikian, untuk tindakan
pencegahan, maka kode Javascript tersebut dapat diapit dengan elemen komentar HTML agar tidak
ditampilkan kodenya oleh browser yang tidak mendukung Javascript. Berikut penulisannya:
Dua slash pada tag penutup komentar merupakan simbol komentar Javascript yang akan mencegah
Javascript untuk mengeksekusi tag ‘-->’.
LOKASI PENULISAN KODE JAVASCRIPT DALAM DOKUMEN HTML
Kode Javascript yang terdapat dalam suatu dokumen HTML akan dieksekusi segera ketika halaman
dimuat ke browser. Jika diinginkan agar kode Javascript dijalankan hanya ketika halaman selesai
dimuat, atau ketika pengunjung mengklik tombol kiri mouse, maka kode Javascript perlu ditulis
sebagai sebuah fungsi.
DI BA G IA N HEA D
Penulisan kode Javascript di bagian HEAD dokumen HTML akan membuat kode tersebut tidak akan
dieksekusi segera ketika halaman dimuat ke browser. Kode tersebut hanya akan dieksekusi ketika
dipanggil atau ketika terjadi event tertentu.
Penulisan kode Javascript pada bagian HEAD ini merupakan cara yang baik untuk menggunakan
Javascript sebab kode-kode Javascript terkumpul dalam satu lokasi penulisan dan tidak akan
bercampur dengan kode konten halaman.
L. Era wa n
Diktat Javascript
10
func tio n p e sa n()
{
a le rt(“ Ko ta k p e sa n ini d ip a ng g il d e ng a n e ve nt
o nlo a d ” );
}
DI BA G IA N BO DY
Javascript yang diletakkan pada bagian body biasanya ditujukan untuk menampilkan konten saat
halaman dimuat ke browser.
d o c ume nt.write (“ Pe sa n ini d ib ua t d e ng a n Ja va sc rip t” );
DI BA G IA N HEA D DA N BO DY
Jumlah script yang dapat disisipkan pada dokumen HTML tidak terbatas. Script Javascript juga dapat
ditulis pada bagian HEAD dan BODY berbarengan.
L. Era wa n
Diktat Javascript
11
func tio n p e sa n()
{
a le rt(“ Ko ta k p e sa n ini d ip a ng g il d e ng a n e ve nt
o nlo a d ” );
}
d o c ume nt.write (“ Pe sa n ini d ib ua t d e ng a n
Ja va sc rip t” );
M ENG G UNA KA N FILE JA V A SC RIPT EKSTERNA L
Selain menuliskan secara langsung pada dokumen HTML, penerapan Javascript juga dapat
menggunakan file eksternal. Kode-kode Javascript disimpan pada sebuah file dengan ekstension ‘.js’.
Kemudian file eksternal ini dapat dipanggil dari dokumen HTML dengan menggunakan atribut ‘src’
dari tag . File eksternal ini dapat digunakan oleh banyak dokumen HTML.
Perlu dicatat, bahwa kode-kode Javascript yang ditulis pada file eksternal tidak boleh menggunakan
elemen !
dokumen.html
file_eksternal.js
func tio n p e sa n()
{
a le rt(‘ Ko d e ko ta k p e sa n ini d isimp a n d a la m file e kste rna l’ );
}
L. Era wa n
Diktat Javascript
12
Pada contoh diatas, dokumen HTML dan file eksternal Javascript diletakkan pada direktori yang
sama. Jika tidak, maka pada atribut ‘src’ harus dilengkapi path lokasi penyimpanan file eksternal
javascript relatif terhadap dokumen HTML. Misalnya, jika dokumen HTML diletakkan pada direktori
root dan file eksternal Javascript pada direktori javascript maka nilai ‘src’ menjadi
‘javascript/file_eksternal.js’.
STATEMENT JAVASCRIPT
C A SE SENSITIV E DA LA M STA TEM ENT
Javascript memiliki statement-statement. Rangkaian statement Javascript akan dieksekusi oleh
browser. Berbeda dengan HTML, statement Javascript bersifat case sensitive. Oleh karena itu,
penulisan statement perlu diperhatikan benar. Hal ini berlaku ketika membuat statement Javascript,
membuat atau memanggil variabel, objek, dan fungsi.
Sebuah statement Javascript merupakan suatu perintah kepada browser yang bertujuan untuk
memberitahu browser apa yang harus dilakukannya. Misalnya, suatu statement Javascript yang
menyampaikan kepada browser untuk menampilkan kalimat ‘Hello world’ akan berupa seperti berikut
ini:
d o c ume nt.write (“ He llo wo rld ” );
TA NDA A KHIR SUA TU STA TEM ENT
Setiap statement Javascript akan diakhiri dengan tanda semicolon. Sebagian orang berpendapat
bahwa hal ini merupakan suatu praktek pemrograman yang baik. Tetapi aturan ini bersifat opsional
dalam Javascript. Jika tidak menggunakannya, maka browser akan menganggap bahwa akhir dari
sebuah baris adalah akhir dari satu statement. Maka jika akan menulis beberapa statement dalam
satu baris, gunakanlah tanda semicolon ini.
KO DE JA V A SC RIPT
Kode javascript adalah sebuah rangkaian statement-statement Javascript. Setiap statement
dieksekusi oleh browser dalam urutan sesuai penulisannya.
BLO K JA V A SC RIPT
Statement-statement Javascript dapat dikelompokkan dalam satu kelompok. Awal blok dimulai
dengan tanda kurung kurawal, demikian juga akhir blok. Kegunaan dari blok adalah untuk membuat
rangkaian statement supaya dieksekusi bersama.
L. Era wa n
Diktat Javascript
13
MENYISIPKAN KOMENTAR
Suatu komentar biasanya disisipkan oleh programmer untuk menjelaskan kode program. Javascript
menggunakan tanda dua buah backslash untuk menandai komentar. Contoh:
// Buat Heading
d o c ume nt.write ("This is a he a d ing ");
// Tulis 2 paragrap
d o c ume nt.write ("This is a p a ra g ra p h.");
d o c ume nt.write ("This is a no the r p a ra g ra p h.");
Untuk menyisipkan komentar yang panjangnya melebihi satu baris, dapat menggunakan tanda ‘/*’
untuk awalan dan sebagai akhiran ‘*/’. Contoh:
/*
Kode dibawah ini akan membuat
heading dan dua buah paragrap
*/
d o c ume nt.write ("This is a he a d ing ");
d o c ume nt.write ("This is a p a ra g ra p h.");
d o c ume nt.write ("This is a no the r p a ra g ra p h.");
Komentar juga dapat ditulis di akhir statement, contoh:
d o c ume nt.write ("He llo ");
// mencetak "Hello"
d o c ume nt.write (" Na filla !"); // mencetak " Nafilla!"
L. Era wa n
Diktat Javascript
14
TIPE DA TA
TIPE DATA
Javascript mengenal 6 jenis tipe data. Dalam hal tipe data, Javascript disebut ‘loosely typed’
language yang berarti tipe data dalam suatu variabel tidak perlu didefinisikan secara eksplisit. Cukup
dengan mendeklarasikan variabel menggunakan kata kunci var dan browser akan menentukan jenis
tipe data variabel tersebut berdasarkan nilai yang dimasukkan kedalamnya.
FLO A T DA N INTEG ER
Integer mewakili bilangan bulat sedangkan float mewakili nilai-nilai pecahan. Tipe ini dapat
dimodifikasi dengan operator matematika.
va r usia =20;
va r ra ta usia =25.5;
BO O LEA N
Tipe data boolean hanya terdiri dari dua nilai yaitu true dan false. Untuk membuat tipe data boolean
cukup dengan menggunakan kata kunci true atau false.
va r kurus=true ;
va r mud a =fa lse ;
STRING
String adalah rangkaian teks yang dapat berupa sembarang karakter. Untuk menuliskan tipe data
string ini menggunakan tanda kutip tunggal atau ganda.
L. Era wa n
Diktat Javascript
15
va r na ma De p a n=’ Ja va s’ ;
va r na ma Be la ka ng =’ Ind ra sta ’ ;
va r usia =’ 20’ ;
va r ting g iBa d a n=’ 185’ ;
va r b e ra tBa d a n=’ 80’ ;
String dapat digabungkan (concatenate) menggunakan operator ‘+’. Contoh:
va r na ma De p a n=’ Ja va s’ ;
va r na ma Be la ka ng =’ Ind ra sta ’ ;
va r usia =’ 20’ ;
va r ting g iBa d a n=’ 185’ ;
va r b e ra tBa d a n=’ 80’ ;
va r p e sa n=’ Ha llo sa ya ‘ + na ma De p a n + ‘ ‘ + na ma Be la ka ng + ‘ .’ ;
p e sa n+=’ Sa ya b e rusia ‘ + usia + ‘ ta hun’ + ‘ d e ng a n ting g i b a d a n ‘ ;
p e sa n+=ting g iBa d a n + ‘ c m’ ;
a le rt(p e sa n);
A RRA Y
Array adalah kumpulan dari nilai-nilai. Masing-masing nilai dapat berupa variabel atau suatu nilai.
Untuk membuat sebuah array menggunakan statement new Array(). Contoh:
va r o ra ng =ne w Arra y(‘ Ja va s’ ,’ Ind ra sta ’ ,20,185,80);
Untuk mengakses setiap nilai array menggunakan indeks array dengan sintaks namaarray[indeks].
Indeks array dimulai dari 0 bukan 1. Jadi untuk mengakses nilai pertama array menggunakan
statement orang[0] yang akan menghasilkan nilai ‘Javas’.
Array secara otomatis akan memberikan informasi khusus yaitu panjang dari array. Informasi ini
dapat diakses menggunakan properti length. Jadi, jika diberikan perintah hewan.length, maka akan
dihasilkan nilai 5.
Array sangat tepat jika digunakan untuk merepresentasikan kumpulan nilai-nilai yang memiliki suatu
kesamaan dan Javascript menyediakan berbagai fungsi untuk memanipulasi array seperti sorting,
filtering, searching, dan sebagainya.
L. Era wa n
Diktat Javascript
16
O BJEC T
Object adalah suatu konstruksi didalam pemrograman yang menggambarkan atau memodelkan
sesuatu hal yang nyata, misalnya manusia. Object memiliki properti dan metode. Properti
menjelaskan karakteristik object sedangkan metode merupakan aksi yang dapat dilakukan object.
Untuk membuat suatu object menggunakan statement new Object(). Contoh berikut ini memberikan
gambaran tentang tipe data object dalam javascript.
va r o ra ng =ne w O b je c t();
o ra ng .na ma De p a n=’ Ja va s’ ;
o ra ng .na ma Be la ka ng =’ Ind ra sta ’ ;
o ra ng .usia =20;
o ra ng .ting g iBa d a n=185;
o ra ng .b e ra tBa d a n=80;
Untuk mengakses properti object menggunakan tanda titik seperti orang.tinggiBadan yang akan
memberikan nilai 185 atau tanda kurung siku seperti orang[‘namaDepan’] yang akan memberikan
nilai ‘Javas’.
L. Era wa n
Diktat Javascript
17
VA RIABEL
Dalam pemrograman variabel dipakai untuk menampung nilai data. Nilai yang disimpan dalam
variabel ini dapat berubah sepanjang eksekusi program.
Aturan dalam pembuatan variabel di Javascript cukup sederhana, yaitu:
•
•
Nama variabel bersifat case sensitive (variabel Y berbeda dengan variabel y)
Nama variabel harus dimulai dengan huruf atau garis bawah (underscore)
MENDEKLARASIKAN VARIABEL
Pembuatan variabel di Javascript sering disebut sebagai mendeklarasikan variabel. Keyword yang
diperlukan untuk mendeklarasikan variabel adalah var. Contoh:
va r x;
Pendeklarasian diatas akan membuat variabel kosong. Variabel juga dapat dideklarasikan berikut
nilainya seperti statement berikut:
va r x=10;
Kalau nilai yang akan dimasukkan kedalam variabel berupa string, maka tanda petik diperlukan untuk
mengurung nilai, seperti contoh nilai string ‘Javas’ diatas (tanda petik tunggal dan ganda dapat
digunakan secara bergantian).
Pendeklarasian kembali suatu variabel tidak akan menghilangkan nilai data yang telah tersimpan
didalamnya, contoh:
va r x=5;
nilai data ‘5’ dalam variabel x tidak akan hilang setelah statement baris dibawahnya dieksekusi.
L. Era wa n
Diktat Javascript
O PERA TO R
OPERATOR ARITMETIKA
Misalkan nilai y=5
Operator
Description
+
pertambahan
x=y+2 x=7
y=5
-
pengurangan
x=y-2 x=3
y=5
*
perkalian
x=y*2 x=10
y=5
/
pembagian
x=y/2
x=2.5
%
Modulus (sisa hasil bagi)
++
Increment
--
Example
Decrement
y=5
x=++y x=6
y=6
x=y++ x=5
y=6
x=--y
x=4
y=4
x=y--
x=5
y=4
Misalkan nilai y=5
Operator
Example
=
x=y
+=
x+=y
x=x+y
x=15
-=
x-=y
x=x-y
x=5
*=
x*=y
x=x*y
x=50
/=
x/=y
x=x/y
x=2
%=
x%=y
x=x%y
x=0
L. Era wa n
y=5
x=y%2 x=1
OPERATOR ASSIGNMENT
Same As
Result
Result
x=5
18
Diktat Javascript
19
OPERATOR + UNTUK STRING
Operator + digunakan juga untuk menggabungkan 2 atau lebih string menjadi satu.
txt1="Wha t a ve ry";
txt2="nic e d a y";
Setelah diekseksusi variabel txt3 berisi “What a very nice day”.
Untuk menambahkan spasi diantara dua string dapat dilakukan dengan cara menambahkan pada
salah satu string:
txt1="Wha t a ve ry ";
txt2="nic e d a y";
atau tambahkan pada ekspresi:
txt1="Wha t a ve ry";
txt2="nic e d a y";
Setelah dieksekusi pernyataan diatas, maka variabel txt3 berisi “What a very nice day”. Jika yang
akan ditambahkan adalah string dan bilangan maka hasilnya berupa string.
OPERATOR PEMBANDINGAN DAN LOGIKA
Operator logika dan pembandingan digunakan untuk menguji suatu ekspresi dengan hasil pengujian
berupa nilai true atau false.
O PERA TO R PEM BA NDING A N
Operator ini digunakan dalam pernyataan-pernyataan logik untuk menentukan persamaan atau
perbedaan diantara variabel-variabel atau nilai-nilai. Tabel dibawah ini berdasarkan nilai x=5.
Operator
Description
Example
==
is equal to
x==8 is false
===
is exactly equal to (value and type)
x===5 is true
L. Era wa n
Diktat Javascript
20
x==="5" is false
!=
is not equal
x!=8 is true
>
is greater than
x>8 is false
<
is less than
x=
is greater than or equal to
x>=8 is false
10 && time
Dikta t
Ja va sc rip t
Digitally signed
by L. Erawan
L.
DN: cn=L. Erawan
2014.09.26
Erawan Date:
08:44:25 +07'00'
2014
Ja va sc rip t sa la h sa tu b a ha sa we b sta nd a r ya ng
d ire ko me nd a sika n o le h EC MA Inte rna tio na l. Fung si b a ha sa
sc rip t ini untuk me na mb a h sifa t inte ra ktif p a d a ha la ma n we b
d a n me mb ua t situs me nja d i d ina mis
Pe mro g ra ma n
We b
Diktat Javascript
2
DAFTAR ISI
Pe ng e na la n ................................................................................................................................................. 7
C a ra Me ng g una ka n Ja vsc rip t ................................................................................................................ 8
Bro wse r Ya ng Tid a k Me nd ukung Ja va sc rip t ......................................................................................... 9
Lo ka si Pe nulisa n Ko d e Ja va sc rip t d a la m Do kume n HTML................................................................. 9
Di Ba g ia n HEAD ...................................................................................................................................... 9
Di Ba g ia n BO DY.................................................................................................................................... 10
Di Ba g ia n HEAD d a n BO DY ................................................................................................................ 10
Me ng g una ka n File Ja va sc rip t Ekste rna l .......................................................................................... 11
Sta te me nt Ja va sc rip t .............................................................................................................................. 12
C a se Se nsitive d a la m Sta te me nt...................................................................................................... 12
Ta nd a Akhir Sua tu Sta te me nt ............................................................................................................ 12
Ko d e Ja va sc rip t ................................................................................................................................... 12
Blo k Ja va sc rip t ...................................................................................................................................... 12
Me nyisip ka n Ko me nta r............................................................................................................................ 13
Tip e Da ta .................................................................................................................................................... 14
Flo a t d a n Inte g e r ................................................................................................................................. 14
Bo o le a n .................................................................................................................................................. 14
String ....................................................................................................................................................... 14
Arra y ....................................................................................................................................................... 15
O b je c t .................................................................................................................................................... 16
Me nd e kla ra sika n va ria b e l...................................................................................................................... 17
O p e ra to r Aritme tika ................................................................................................................................. 18
O p e ra to r Assig nme nt .............................................................................................................................. 18
O p e ra to r + Untuk String ........................................................................................................................... 19
O p e ra to r Pe mb a nd ing a n d a n Lo g ika ................................................................................................. 19
O p e ra to r Pe mb a nd ing a n .................................................................................................................. 19
L. Era wa n
Diktat Javascript
3
O p e ra to r Lo g ika ....................................................................................................................................... 20
Pe rc a b a ng a n if, ....................................................................................................................................... 21
Pe rc a b a ng a n if...e lse , ............................................................................................................................. 21
Pe rc a b a ng a n if...e lse if..e lse .................................................................................................................. 22
Pe rc a b a ng a n switc h ............................................................................................................................... 23
Ale rt ............................................................................................................................................................. 25
C O NFIRM.................................................................................................................................................... 25
Pro mp t ........................................................................................................................................................ 26
Pe nting ! ...................................................................................................................................................... 28
Pe rnya ta a n re turn .................................................................................................................................... 29
Va ria b e l Lo ka l ........................................................................................................................................... 30
Fo r................................................................................................................................................................ 31
While ........................................................................................................................................................... 32
Do ...while ................................................................................................................................................... 33
Bre a k ........................................................................................................................................................... 34
C o ntinue .................................................................................................................................................... 34
o nLo a d d a n o nUnlo a d ........................................................................................................................... 37
o nFo c us, o nBlur d a n o nC ha ng e ........................................................................................................... 37
o nSub mit .................................................................................................................................................... 38
o nMo use O ve r d a n o nMo use O ut.......................................................................................................... 38
Be b e ra p a C o nto h Pe ng g una a n .......................................................................................................... 39
Eve nt c lic k.................................................................................................................................................. 45
Eve nt o nmo use d o wn d a n o nmo use up ............................................................................................... 46
O b je k String ............................................................................................................................................... 48
Pro p e rti................................................................................................................................................... 48
Me tho d .................................................................................................................................................. 48
PRO PERTY................................................................................................................................................... 49
Pro p e rti C o nstruc to r............................................................................................................................. 49
L. Era wa n
Diktat Javascript
4
Pro p e rti Le ng th ..................................................................................................................................... 50
Pro p e rti Pro to typ e ................................................................................................................................ 50
METHO D ..................................................................................................................................................... 51
Me tho d c ha rAt() .................................................................................................................................. 51
Me tho d c ha rC o d e At() ....................................................................................................................... 51
Me tho d c o nc a t() ................................................................................................................................. 52
Me tho d fro mC ha rC o d e ()................................................................................................................... 52
Me tho d ind e xO f() ................................................................................................................................ 52
Pe rb e d a a n a nta ra ind e xO f d a n la stInd e xO f:............................................................................ 53
Me tho d la stInd e xO f() .......................................................................................................................... 54
Me tho d ma tc h() .................................................................................................................................. 54
Me tho d re p la c e () ................................................................................................................................ 55
Cont oh: .................................................................................................................................................. 55
Keluaran: .............................................................................................................................................. 55
Se a rc h() ................................................................................................................................................. 55
Cont oh 1: .............................................................................................................................................. 55
Keluaran: .............................................................................................................................................. 55
Cont oh 2: .............................................................................................................................................. 55
Keluaran: .............................................................................................................................................. 56
Slic e () ...................................................................................................................................................... 56
Cont oh: .................................................................................................................................................. 56
Keluaran: .............................................................................................................................................. 56
Sp lit() ....................................................................................................................................................... 56
Cont oh: .................................................................................................................................................. 57
Keluaran: .............................................................................................................................................. 57
Sub str() .................................................................................................................................................... 57
Cont oh: .................................................................................................................................................. 57
Keluaran: .............................................................................................................................................. 57
L. Era wa n
Diktat Javascript
5
Sub string () .............................................................................................................................................. 57
Cont oh: .................................................................................................................................................. 58
Keluaran: .............................................................................................................................................. 58
To Lo we rC a se () ...................................................................................................................................... 58
Cont oh: .................................................................................................................................................. 58
To Up p e rC a se () ..................................................................................................................................... 58
Cont oh: .................................................................................................................................................. 58
Va lue O f() ............................................................................................................................................... 58
Cont oh: .................................................................................................................................................. 58
Keluaran: .............................................................................................................................................. 59
PRO PERTI .................................................................................................................................................... 60
c o nstruc to r().......................................................................................................................................... 61
Cont oh: .................................................................................................................................................. 61
Keluaran: .............................................................................................................................................. 61
p ro to typ e () ............................................................................................................................................ 61
Cont oh: .................................................................................................................................................. 61
Keluaran: .............................................................................................................................................. 61
METHO D ..................................................................................................................................................... 62
g e tDa te () ............................................................................................................................................... 62
Cont oh 1: .............................................................................................................................................. 62
Cont oh 2: .............................................................................................................................................. 62
g e tDa y()................................................................................................................................................. 63
Cont oh 1: .............................................................................................................................................. 63
Cont oh 2: .............................................................................................................................................. 63
g e tFullYe a r() .......................................................................................................................................... 63
Cont oh 1: .............................................................................................................................................. 64
Cont oh 2: .............................................................................................................................................. 64
g e tHo urs() .............................................................................................................................................. 64
L. Era wa n
Diktat Javascript
6
Cont oh 1: .............................................................................................................................................. 64
Cont oh 2: .............................................................................................................................................. 65
g e tMillise c o nd s() .................................................................................................................................. 65
Cont oh 1: .............................................................................................................................................. 65
Cont oh 2: .............................................................................................................................................. 65
L. Era wa n
Diktat Javascript
7
JAVASCRIPT
PENGENALAN
Bahasa script Javascript paling populer di Internet dan dapat bekerja pada semua browser utama
seperti Internet Explorer, Firefox, Google Chrome, Safari, dan Opera.
Untuk mempelajari Javascript dibutuhkan penguasaan terhadap bahasa utama web yaitu HTML atau
XHTML.
Sebelum mengenali lebih jauh, berikut beberapa hal yang perlu diketahui tentang javascript:
•
•
•
•
•
Javascript dirancang untuk memberikan unsur interaktif kepada halaman HTML
Javascript merupakan bahasa script. Bahasa script adalah bahasa pemrograman yang
ringan, dalam arti aturan pemrogramannya tidak serumit bahasa pemrograman murni
Javascript biasanya digunakan dengan cara menuliskannya secara langsung pada halaman
HTML
Javascript merupakan bahasa interpreter, yang berarti script Javascript tidak perlu
dikompilasi sebelum dieksekusi.
Javascript bersifat gratis
Javascript dapat digunakan untuk melakukan hal-hal berikut:
•
•
•
•
•
•
Javascript dapat membuat teks dinamis dalam halaman HTML. Javascript dapat menulis teks
atau isi suatu variabel pada halaman HTML.
Javascript dapat menangani event. Kejadian-kejadian seperti tindakan mengklik mouse, atau
ketika halaman HTML telah selesai dimuat ke browser dapat dikenali oleh javascript dan
dapat mengatur tindakan tertentu ketika event itu terjadi.
Javascript dapat membaca dan menulis elemen-elemen HTML, yang berarti dapat digunakan
untuk mengubah konten suatu elemen HTML.
Javascript dapat memvalidasi data, misalnya data form sebelum dikirim ke server sehingga
dapat meringankan server.
Javascript dapat mendeteksi browser pengunjung
Javascript dapat membuat cookies yang akan menyimpan dan memanggil informasi kedalam
komputer pengunjung.
L. Era wa n
Diktat Javascript
8
CARA MENGGUNAKAN JAVSCRIPT
Kode-kode Javascript disisipkan kedalam dokumen HTML menggunakan elemen SCRIPT. Elemen ini
akan mengawali dan mengakhiri kode-kode javascript. Browser akan melihat elemen ini sebagai
perintah kepadanya untuk menterjemahkan kode-kode yang berada didalam elemen SCRIPT sebagai
script Javascript.
Contoh berikut akan memberikan gambaran bagaimana penulisan kode javascript kedalam dokumen
HTML:
d o c ume nt.write (“ He llo wo rld !!” );
Dalam contoh diatas, elemen SCRIPT menggunakan atribut type untuk mendefinisikan bahasa script
yang digunakan (perintah ini diperlukan karena didalam web, bahasa script tidak hanya Javascript
saja)
Jika akan menggunakan elemen HTML untuk memformat tampilan hasil kode Javascript, maka
elemen HTML yang akan digunakan ditulis sebagai parameter dari perintah document.write():
d o c ume nt.write (“He llo wo rld !! ” );
Perintah document.write() adalah perintah standar yang umum di Javascript untuk menampilkan
keluaran ke halaman HTML.
Catatan : jika tag tidak digunakan saat menuliskan kode Javascript kedalam dokumen HTML, maka browser
akan menganggap kode tersebut sebagai teks murni dan akan menampilkan seluruh kode tersebut ke halaman HTML.
L. Era wa n
Diktat Javascript
9
BROWSER YANG TIDAK MENDUKUNG JAVASCRIPT
Suatu dokumen HTML yang terdapat kode javascript didalamnya dijalankan pada browser yang tidak
mendukung Javascript, maka kode Javascript tidak akan dieksekusi malahan seluruh kodenya akan
ditampilkan apa adanya ke halaman.
Saat ini, hampir seluruh browser mendukung Javascript. Meskipun demikian, untuk tindakan
pencegahan, maka kode Javascript tersebut dapat diapit dengan elemen komentar HTML agar tidak
ditampilkan kodenya oleh browser yang tidak mendukung Javascript. Berikut penulisannya:
Dua slash pada tag penutup komentar merupakan simbol komentar Javascript yang akan mencegah
Javascript untuk mengeksekusi tag ‘-->’.
LOKASI PENULISAN KODE JAVASCRIPT DALAM DOKUMEN HTML
Kode Javascript yang terdapat dalam suatu dokumen HTML akan dieksekusi segera ketika halaman
dimuat ke browser. Jika diinginkan agar kode Javascript dijalankan hanya ketika halaman selesai
dimuat, atau ketika pengunjung mengklik tombol kiri mouse, maka kode Javascript perlu ditulis
sebagai sebuah fungsi.
DI BA G IA N HEA D
Penulisan kode Javascript di bagian HEAD dokumen HTML akan membuat kode tersebut tidak akan
dieksekusi segera ketika halaman dimuat ke browser. Kode tersebut hanya akan dieksekusi ketika
dipanggil atau ketika terjadi event tertentu.
Penulisan kode Javascript pada bagian HEAD ini merupakan cara yang baik untuk menggunakan
Javascript sebab kode-kode Javascript terkumpul dalam satu lokasi penulisan dan tidak akan
bercampur dengan kode konten halaman.
L. Era wa n
Diktat Javascript
10
func tio n p e sa n()
{
a le rt(“ Ko ta k p e sa n ini d ip a ng g il d e ng a n e ve nt
o nlo a d ” );
}
DI BA G IA N BO DY
Javascript yang diletakkan pada bagian body biasanya ditujukan untuk menampilkan konten saat
halaman dimuat ke browser.
d o c ume nt.write (“ Pe sa n ini d ib ua t d e ng a n Ja va sc rip t” );
DI BA G IA N HEA D DA N BO DY
Jumlah script yang dapat disisipkan pada dokumen HTML tidak terbatas. Script Javascript juga dapat
ditulis pada bagian HEAD dan BODY berbarengan.
L. Era wa n
Diktat Javascript
11
func tio n p e sa n()
{
a le rt(“ Ko ta k p e sa n ini d ip a ng g il d e ng a n e ve nt
o nlo a d ” );
}
d o c ume nt.write (“ Pe sa n ini d ib ua t d e ng a n
Ja va sc rip t” );
M ENG G UNA KA N FILE JA V A SC RIPT EKSTERNA L
Selain menuliskan secara langsung pada dokumen HTML, penerapan Javascript juga dapat
menggunakan file eksternal. Kode-kode Javascript disimpan pada sebuah file dengan ekstension ‘.js’.
Kemudian file eksternal ini dapat dipanggil dari dokumen HTML dengan menggunakan atribut ‘src’
dari tag . File eksternal ini dapat digunakan oleh banyak dokumen HTML.
Perlu dicatat, bahwa kode-kode Javascript yang ditulis pada file eksternal tidak boleh menggunakan
elemen !
dokumen.html
file_eksternal.js
func tio n p e sa n()
{
a le rt(‘ Ko d e ko ta k p e sa n ini d isimp a n d a la m file e kste rna l’ );
}
L. Era wa n
Diktat Javascript
12
Pada contoh diatas, dokumen HTML dan file eksternal Javascript diletakkan pada direktori yang
sama. Jika tidak, maka pada atribut ‘src’ harus dilengkapi path lokasi penyimpanan file eksternal
javascript relatif terhadap dokumen HTML. Misalnya, jika dokumen HTML diletakkan pada direktori
root dan file eksternal Javascript pada direktori javascript maka nilai ‘src’ menjadi
‘javascript/file_eksternal.js’.
STATEMENT JAVASCRIPT
C A SE SENSITIV E DA LA M STA TEM ENT
Javascript memiliki statement-statement. Rangkaian statement Javascript akan dieksekusi oleh
browser. Berbeda dengan HTML, statement Javascript bersifat case sensitive. Oleh karena itu,
penulisan statement perlu diperhatikan benar. Hal ini berlaku ketika membuat statement Javascript,
membuat atau memanggil variabel, objek, dan fungsi.
Sebuah statement Javascript merupakan suatu perintah kepada browser yang bertujuan untuk
memberitahu browser apa yang harus dilakukannya. Misalnya, suatu statement Javascript yang
menyampaikan kepada browser untuk menampilkan kalimat ‘Hello world’ akan berupa seperti berikut
ini:
d o c ume nt.write (“ He llo wo rld ” );
TA NDA A KHIR SUA TU STA TEM ENT
Setiap statement Javascript akan diakhiri dengan tanda semicolon. Sebagian orang berpendapat
bahwa hal ini merupakan suatu praktek pemrograman yang baik. Tetapi aturan ini bersifat opsional
dalam Javascript. Jika tidak menggunakannya, maka browser akan menganggap bahwa akhir dari
sebuah baris adalah akhir dari satu statement. Maka jika akan menulis beberapa statement dalam
satu baris, gunakanlah tanda semicolon ini.
KO DE JA V A SC RIPT
Kode javascript adalah sebuah rangkaian statement-statement Javascript. Setiap statement
dieksekusi oleh browser dalam urutan sesuai penulisannya.
BLO K JA V A SC RIPT
Statement-statement Javascript dapat dikelompokkan dalam satu kelompok. Awal blok dimulai
dengan tanda kurung kurawal, demikian juga akhir blok. Kegunaan dari blok adalah untuk membuat
rangkaian statement supaya dieksekusi bersama.
L. Era wa n
Diktat Javascript
13
MENYISIPKAN KOMENTAR
Suatu komentar biasanya disisipkan oleh programmer untuk menjelaskan kode program. Javascript
menggunakan tanda dua buah backslash untuk menandai komentar. Contoh:
// Buat Heading
d o c ume nt.write ("This is a he a d ing ");
// Tulis 2 paragrap
d o c ume nt.write ("This is a p a ra g ra p h.");
d o c ume nt.write ("This is a no the r p a ra g ra p h.");
Untuk menyisipkan komentar yang panjangnya melebihi satu baris, dapat menggunakan tanda ‘/*’
untuk awalan dan sebagai akhiran ‘*/’. Contoh:
/*
Kode dibawah ini akan membuat
heading dan dua buah paragrap
*/
d o c ume nt.write ("This is a he a d ing ");
d o c ume nt.write ("This is a p a ra g ra p h.");
d o c ume nt.write ("This is a no the r p a ra g ra p h.");
Komentar juga dapat ditulis di akhir statement, contoh:
d o c ume nt.write ("He llo ");
// mencetak "Hello"
d o c ume nt.write (" Na filla !"); // mencetak " Nafilla!"
L. Era wa n
Diktat Javascript
14
TIPE DA TA
TIPE DATA
Javascript mengenal 6 jenis tipe data. Dalam hal tipe data, Javascript disebut ‘loosely typed’
language yang berarti tipe data dalam suatu variabel tidak perlu didefinisikan secara eksplisit. Cukup
dengan mendeklarasikan variabel menggunakan kata kunci var dan browser akan menentukan jenis
tipe data variabel tersebut berdasarkan nilai yang dimasukkan kedalamnya.
FLO A T DA N INTEG ER
Integer mewakili bilangan bulat sedangkan float mewakili nilai-nilai pecahan. Tipe ini dapat
dimodifikasi dengan operator matematika.
va r usia =20;
va r ra ta usia =25.5;
BO O LEA N
Tipe data boolean hanya terdiri dari dua nilai yaitu true dan false. Untuk membuat tipe data boolean
cukup dengan menggunakan kata kunci true atau false.
va r kurus=true ;
va r mud a =fa lse ;
STRING
String adalah rangkaian teks yang dapat berupa sembarang karakter. Untuk menuliskan tipe data
string ini menggunakan tanda kutip tunggal atau ganda.
L. Era wa n
Diktat Javascript
15
va r na ma De p a n=’ Ja va s’ ;
va r na ma Be la ka ng =’ Ind ra sta ’ ;
va r usia =’ 20’ ;
va r ting g iBa d a n=’ 185’ ;
va r b e ra tBa d a n=’ 80’ ;
String dapat digabungkan (concatenate) menggunakan operator ‘+’. Contoh:
va r na ma De p a n=’ Ja va s’ ;
va r na ma Be la ka ng =’ Ind ra sta ’ ;
va r usia =’ 20’ ;
va r ting g iBa d a n=’ 185’ ;
va r b e ra tBa d a n=’ 80’ ;
va r p e sa n=’ Ha llo sa ya ‘ + na ma De p a n + ‘ ‘ + na ma Be la ka ng + ‘ .’ ;
p e sa n+=’ Sa ya b e rusia ‘ + usia + ‘ ta hun’ + ‘ d e ng a n ting g i b a d a n ‘ ;
p e sa n+=ting g iBa d a n + ‘ c m’ ;
a le rt(p e sa n);
A RRA Y
Array adalah kumpulan dari nilai-nilai. Masing-masing nilai dapat berupa variabel atau suatu nilai.
Untuk membuat sebuah array menggunakan statement new Array(). Contoh:
va r o ra ng =ne w Arra y(‘ Ja va s’ ,’ Ind ra sta ’ ,20,185,80);
Untuk mengakses setiap nilai array menggunakan indeks array dengan sintaks namaarray[indeks].
Indeks array dimulai dari 0 bukan 1. Jadi untuk mengakses nilai pertama array menggunakan
statement orang[0] yang akan menghasilkan nilai ‘Javas’.
Array secara otomatis akan memberikan informasi khusus yaitu panjang dari array. Informasi ini
dapat diakses menggunakan properti length. Jadi, jika diberikan perintah hewan.length, maka akan
dihasilkan nilai 5.
Array sangat tepat jika digunakan untuk merepresentasikan kumpulan nilai-nilai yang memiliki suatu
kesamaan dan Javascript menyediakan berbagai fungsi untuk memanipulasi array seperti sorting,
filtering, searching, dan sebagainya.
L. Era wa n
Diktat Javascript
16
O BJEC T
Object adalah suatu konstruksi didalam pemrograman yang menggambarkan atau memodelkan
sesuatu hal yang nyata, misalnya manusia. Object memiliki properti dan metode. Properti
menjelaskan karakteristik object sedangkan metode merupakan aksi yang dapat dilakukan object.
Untuk membuat suatu object menggunakan statement new Object(). Contoh berikut ini memberikan
gambaran tentang tipe data object dalam javascript.
va r o ra ng =ne w O b je c t();
o ra ng .na ma De p a n=’ Ja va s’ ;
o ra ng .na ma Be la ka ng =’ Ind ra sta ’ ;
o ra ng .usia =20;
o ra ng .ting g iBa d a n=185;
o ra ng .b e ra tBa d a n=80;
Untuk mengakses properti object menggunakan tanda titik seperti orang.tinggiBadan yang akan
memberikan nilai 185 atau tanda kurung siku seperti orang[‘namaDepan’] yang akan memberikan
nilai ‘Javas’.
L. Era wa n
Diktat Javascript
17
VA RIABEL
Dalam pemrograman variabel dipakai untuk menampung nilai data. Nilai yang disimpan dalam
variabel ini dapat berubah sepanjang eksekusi program.
Aturan dalam pembuatan variabel di Javascript cukup sederhana, yaitu:
•
•
Nama variabel bersifat case sensitive (variabel Y berbeda dengan variabel y)
Nama variabel harus dimulai dengan huruf atau garis bawah (underscore)
MENDEKLARASIKAN VARIABEL
Pembuatan variabel di Javascript sering disebut sebagai mendeklarasikan variabel. Keyword yang
diperlukan untuk mendeklarasikan variabel adalah var. Contoh:
va r x;
Pendeklarasian diatas akan membuat variabel kosong. Variabel juga dapat dideklarasikan berikut
nilainya seperti statement berikut:
va r x=10;
Kalau nilai yang akan dimasukkan kedalam variabel berupa string, maka tanda petik diperlukan untuk
mengurung nilai, seperti contoh nilai string ‘Javas’ diatas (tanda petik tunggal dan ganda dapat
digunakan secara bergantian).
Pendeklarasian kembali suatu variabel tidak akan menghilangkan nilai data yang telah tersimpan
didalamnya, contoh:
va r x=5;
nilai data ‘5’ dalam variabel x tidak akan hilang setelah statement baris dibawahnya dieksekusi.
L. Era wa n
Diktat Javascript
O PERA TO R
OPERATOR ARITMETIKA
Misalkan nilai y=5
Operator
Description
+
pertambahan
x=y+2 x=7
y=5
-
pengurangan
x=y-2 x=3
y=5
*
perkalian
x=y*2 x=10
y=5
/
pembagian
x=y/2
x=2.5
%
Modulus (sisa hasil bagi)
++
Increment
--
Example
Decrement
y=5
x=++y x=6
y=6
x=y++ x=5
y=6
x=--y
x=4
y=4
x=y--
x=5
y=4
Misalkan nilai y=5
Operator
Example
=
x=y
+=
x+=y
x=x+y
x=15
-=
x-=y
x=x-y
x=5
*=
x*=y
x=x*y
x=50
/=
x/=y
x=x/y
x=2
%=
x%=y
x=x%y
x=0
L. Era wa n
y=5
x=y%2 x=1
OPERATOR ASSIGNMENT
Same As
Result
Result
x=5
18
Diktat Javascript
19
OPERATOR + UNTUK STRING
Operator + digunakan juga untuk menggabungkan 2 atau lebih string menjadi satu.
txt1="Wha t a ve ry";
txt2="nic e d a y";
Setelah diekseksusi variabel txt3 berisi “What a very nice day”.
Untuk menambahkan spasi diantara dua string dapat dilakukan dengan cara menambahkan pada
salah satu string:
txt1="Wha t a ve ry ";
txt2="nic e d a y";
atau tambahkan pada ekspresi:
txt1="Wha t a ve ry";
txt2="nic e d a y";
Setelah dieksekusi pernyataan diatas, maka variabel txt3 berisi “What a very nice day”. Jika yang
akan ditambahkan adalah string dan bilangan maka hasilnya berupa string.
OPERATOR PEMBANDINGAN DAN LOGIKA
Operator logika dan pembandingan digunakan untuk menguji suatu ekspresi dengan hasil pengujian
berupa nilai true atau false.
O PERA TO R PEM BA NDING A N
Operator ini digunakan dalam pernyataan-pernyataan logik untuk menentukan persamaan atau
perbedaan diantara variabel-variabel atau nilai-nilai. Tabel dibawah ini berdasarkan nilai x=5.
Operator
Description
Example
==
is equal to
x==8 is false
===
is exactly equal to (value and type)
x===5 is true
L. Era wa n
Diktat Javascript
20
x==="5" is false
!=
is not equal
x!=8 is true
>
is greater than
x>8 is false
<
is less than
x=
is greater than or equal to
x>=8 is false
10 && time