PEMROGRAMAN WEB 2Pertemuan 10

( JavaScript – 1 )

PENGERTIAN

Berjalan pada suatu HTMLBerjalan pada sisi clientBergantung pada BrowserTidak membutuhkan kompilator

(kompilator berada pada browser)JavaScript bukan bahasa Java!

JavaScript <> Java

CARA PENULISAN

Java script ditulis pada file yang sama (internal)

Javascript ditulis pada file terpisah (eksternal) memerlukan file *.js

<SCRIPT LANGUAGE=”Javascript”>….

</SCRIPT>

<SCRIPT SRC=”namafile.js”>…

</SCRIPT>

<SCRIPT TYPE=”text/Javascript”>….

</SCRIPT>

atau

Perintah Umum

Write/writeln

Remark

Komentar

<!—…

//-->

document.write(“…”);document.write(“<br/>”);

//ini komentaratau

/*ini juga komentar */

VARIABEL

Aturan penamaan variabel :• Harus diawali dengan karakter (huruf atau baris bawah)• Tidak boleh menggunakan spasi• case sensitive• Tidak boleh menggunakan kata-kata yang merupakan

perintah dalam JavaScript.Jika memberi nilai pada variabel, maka dalam

JavaScript dianggap bahwa anda telah mendeklarasikan variabel tersebut dan dapat bernilai apa saja.

DEKLARASI VARIABEL

◦Var nama_variabel = nilaiAtau

◦Nama_variabel = nilaiContoh :

◦var nama;◦nama = ” Zaskia Mecca”◦X = 1998;◦var Y;

Variabel Global dan Lokal

Jika dia dideklarasikan dibagian awal dari skrip program, yang artinya sebelum pendeklarasian semua fungsi, maka semua fungsi di dalam program bisa mengakses variabel ini, dan variabel ini menjadi variabel global.

Jika dia deklarasikan dengan menggunakan kata kunci var di dalam suatu fungsi tertentu, maka variabel itu hanya bisa di akses dari dalam fungsi tersebut, dan artinya variabel ini tidak berguna bagi fungsi fungsi yang lain, dan kita sebut variabel ini menjadi variabel lokal

Contoh Var Global & Lokal

<SCRIPT language="Javascript"> var a = 12; var b = 4; function PerkalianDengan2(b) { var a = b * 2; return a; } document.write("Dua kali dari ",b," adalah

",PerkalianDengan2(b)); document.write("Nilai dari a adalah",a);

</SCRIPT>

Contoh Var Global & Lokal

<SCRIPT language="Javascript"> var a = 12; var b = 4; function PerkalianDengan2(b) { a = b * 2; return a; } document.write("Dua kali dari ",b," adalah

",PerkalianDengan2(b)); document.write("Nilai dari a adalah",a);

</SCRIPT>

TIPE DATA

NUMERIK◦ Bilangan bulat dapat ditulis dalam basis 10 (desimal),basis 8 (oktal)

atau basis 16 (heksadesimal)◦ Bilangan desimal menggunakan digit 0 sampai 9.◦ Bilangan oktal menggunakan digit 0 sampai 7 dan diawali dengan

angka 0. Contoh:012 (identik dengan 10 dalam satuan desimal)027 (identik dengan 23 dalam satuan desimal)

◦ Bilangan heksadesimal menggunakan digit 0 sampai 9, huruf a sampai f atau A sampai F. Bilangan heksadesimal ditulis dengan awalan 0x atau 0X.

Contoh:A (identik dengan 10 dalam satuan desimal)FF (identik dengan 255 dalam satuan desimal)

FLOAT(Desimal)◦ Bisa menggunakan tanda koma, ekponensial atau pembagian

TIPE DATA

STRING◦ String adalah deretan karakter yang ditulis dengan awalan

dan akhiran tanda petik ganda (“) atau tanda petik tunggal (‘)

Contoh: “Nama saya Dyah Retno Utari”

◦ Jika string mengandung tanda petik ganda, maka gunakan awalan dan akhiran petik tunggal.

Contoh:‘Pepatah mengatakan, “Tak kenal maka tak sayang!”’Perhatikan struktur ‘ ______ “ _______________ ” ‘…..

document.write('pepatah mengatakan, "tak kenal maka taksayang."');document.write("<br>");

…..

TIPE DATA

Boolean, bernilai true (diwakili dengan 1) atau false (diwakili dengan 0)

Null, variabel yang tidak diinisilisasi

OPERATOR

• Aritmatika• Pemberian nilai (Assign)• Pemanipulasian bit (bitwise)• Pembanding• Logika• String

OPERATOR ARITMATIKA

OPERATOR TUNGGAL/BINNER KETERANGAN

+ Biner Penjumlahan

- Biner Pengurangan

* Biner Perkalian

/ Biner Pembagian

% Biner Modulus

- Tunggal Negasi

++ Tunggal Penambahan satu (Increment)

-- Tunggal Pengurangan satu (Decrement)

OPERATOR ASSIGN

OPERASI KETERANGAN CONTOH Ekuivalen

+= Ditambah dengan x+=y x=x+y

-= Dikurang dengan x-=y x=x-y

*= Dikali dengan x*=y x=x*y

/= Dibagi dengan x/=y x=x/y

%= Modulus dengan x%=y x=x%y

&= Bit AND dengan x&=y x=x&y

|= Bit OR x|=y x=x|y

OPRATOR BITWISE

OPERASI KETERANGAN

& Bit AND

^ Bit XOR

| Bit OR

~ Bit NOT

>> Geser ke kanan

<< Geser ke Kiri

OPERATOR PEMBANDING

OPERATOR KETERANGAN

== Sama dengan

!= Tidak sama dengan

> Lebih Besar

>= Lebih besar sama dengan

< Lebih kecil

<= Lebih kecil sama dengan

OPERATOR LOGIKA

OPERASI KETERANGAN

&& Logika AND

|| Logika OR

! Logika NOT

Obyek

Diklasifikasikan berdasarkan hirarki/tingkatan khusus sehingga kita bisa mengetahui dimana letak/lokasi obyek itu sebenernya.

Dimana kita mengasosiasikan dengan kondisi atau sifat sifat khusus (properti)

Obyek

Kebun◦Pohon

Dahan◦Daun◦Sarang Burung

Panjang = 15 Warna = coklat Tinggi = 20

Mengganti nilai warna sarang burung :kebun.pohon.dahan.sarangburung.warna=merah

Aplikasi Obyek

<form name="form1"> <br><input type="checkbox" name="check_box" onClick="ModifField();return true;"> <br><input type='TEXT' name='text_field' value=test javascript' size='24'></form>

dan fungsi JavaScript yang berhubungan dengan checkbox tersebut adalah : <script language="Javascript"> <!-- function ModifField() { if (document.forms["form1"].check_box.checked) {document.forms["form1"].text_field.value="checkbox dipilih"} else {document.forms["form1"].text_field.value="checkbox tidak dipilih"} } // --> </script>

OBYEK STANDAR

OBYEK ARRAY

OBYEK BOOLEAN

OBYEK DATE

OBYEK DATE

OBYEK DATE

OBYEK DATE

OBYEK MATH

OBYEK MATH

OBYEK MATH

OBYEK STRING

OBYEK STRING