pemrograman web - java script

34
PEMROGRAMAN WEB 2 Pertemuan 10 ( JavaScript – 1 )

Upload: d2pren

Post on 25-Jul-2015

46 views

Category:

Documents


2 download

TRANSCRIPT

Page 1: Pemrograman Web - Java Script

PEMROGRAMAN WEB 2Pertemuan 10

( JavaScript – 1 )

Page 2: Pemrograman Web - Java Script

PENGERTIAN

Berjalan pada suatu HTMLBerjalan pada sisi clientBergantung pada BrowserTidak membutuhkan kompilator

(kompilator berada pada browser)JavaScript bukan bahasa Java!

Page 3: Pemrograman Web - Java Script

JavaScript <> Java

Page 4: Pemrograman Web - Java Script

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

Page 5: Pemrograman Web - Java Script

Perintah Umum

Write/writeln

Remark

Komentar

<!—…

//-->

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

//ini komentaratau

/*ini juga komentar */

Page 6: Pemrograman Web - Java Script

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.

Page 7: Pemrograman Web - Java Script

DEKLARASI VARIABEL

◦Var nama_variabel = nilaiAtau

◦Nama_variabel = nilaiContoh :

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

Page 8: Pemrograman Web - Java Script

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

Page 9: Pemrograman Web - Java Script

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>

Page 10: Pemrograman Web - Java 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>

Page 11: Pemrograman Web - Java 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

Page 12: Pemrograman Web - Java Script

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>");

…..

Page 13: Pemrograman Web - Java Script

TIPE DATA

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

Null, variabel yang tidak diinisilisasi

Page 14: Pemrograman Web - Java Script

OPERATOR

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

Page 15: Pemrograman Web - Java Script

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)

Page 16: Pemrograman Web - Java Script

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

Page 17: Pemrograman Web - Java Script

OPRATOR BITWISE

OPERASI KETERANGAN

& Bit AND

^ Bit XOR

| Bit OR

~ Bit NOT

>> Geser ke kanan

<< Geser ke Kiri

Page 18: Pemrograman Web - Java Script

OPERATOR PEMBANDING

OPERATOR KETERANGAN

== Sama dengan

!= Tidak sama dengan

> Lebih Besar

>= Lebih besar sama dengan

< Lebih kecil

<= Lebih kecil sama dengan

Page 19: Pemrograman Web - Java Script

OPERATOR LOGIKA

OPERASI KETERANGAN

&& Logika AND

|| Logika OR

! Logika NOT

Page 20: Pemrograman Web - Java Script

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)

Page 21: Pemrograman Web - Java Script

Obyek

Kebun◦Pohon

Dahan◦Daun◦Sarang Burung

Panjang = 15 Warna = coklat Tinggi = 20

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

Page 22: Pemrograman Web - Java Script

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>

Page 23: Pemrograman Web - Java Script

OBYEK STANDAR

Page 24: Pemrograman Web - Java Script

OBYEK ARRAY

Page 25: Pemrograman Web - Java Script

OBYEK BOOLEAN

Page 26: Pemrograman Web - Java Script

OBYEK DATE

Page 27: Pemrograman Web - Java Script

OBYEK DATE

Page 28: Pemrograman Web - Java Script

OBYEK DATE

Page 29: Pemrograman Web - Java Script

OBYEK DATE

Page 30: Pemrograman Web - Java Script

OBYEK MATH

Page 31: Pemrograman Web - Java Script

OBYEK MATH

Page 32: Pemrograman Web - Java Script

OBYEK MATH

Page 33: Pemrograman Web - Java Script

OBYEK STRING

Page 34: Pemrograman Web - Java Script

OBYEK STRING