Pemrograman Web - Java Script
Transcript of Pemrograman Web - Java Script
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