Download - JAVASCRIPT - Gunadarmanisa_raihani.staff.gunadarma.ac.id/Downloads/files/65178... · •JavaScript adalah bahasa script yang berbasis pada pemrograman java •JavaScript digunakan

Transcript
Page 1: JAVASCRIPT - Gunadarmanisa_raihani.staff.gunadarma.ac.id/Downloads/files/65178... · •JavaScript adalah bahasa script yang berbasis pada pemrograman java •JavaScript digunakan

PEMROGRAMAN BERBASIS WEB ** -

JAVASCRIPT

MINGGU KE 6

Page 2: JAVASCRIPT - Gunadarmanisa_raihani.staff.gunadarma.ac.id/Downloads/files/65178... · •JavaScript adalah bahasa script yang berbasis pada pemrograman java •JavaScript digunakan

2

PENGANTAR JAVASCRIPT

• JavaScript adalah bahasa script yang berbasis pada

pemrograman java

• JavaScript digunakan pada Web pages untuk

meningkatkan design, validate forms, detect browsers,

create cookies, GUI, dsb

• JavaScript adalah bahasa scripting yang paling populer di

internet dan bekerja pada banyak browser seperti Internet

Explorer, Mozilla, Firefox, Netscape, Opera

• Menggunakan sintaks seperti C++/Java

• JavaScript adalah interpreted language (artinya bahwa

scripts dijalankan tanpa di kompile terlebih dahulu)

PEMROGRAMAN BERBASIS WEB ** (4KA)

Page 3: JAVASCRIPT - Gunadarmanisa_raihani.staff.gunadarma.ac.id/Downloads/files/65178... · •JavaScript adalah bahasa script yang berbasis pada pemrograman java •JavaScript digunakan

3

PENGENALAN JAVASCRIPT

• JavaScript diperkenalkan pertama kali oleh Netscape pada

tahun 1995. Pada awalnya bahasa ini dinamakan “LiveScript”

yang berfungsi sebagai bahasa sederhana untuk browser

Netscape Navigator 2. Pada masa itu bahasa ini banyak

dikritik karena kurang aman, pengembangannya yang

terkesan buru-buru dan tidak ada pesan kesalahan yang

ditampilkan setiap kali kita membuat kesalahan pada saat

menyusun suatu program.

• Kemudian sejalan dengan sedang giatnya kerjasama antara

Netscape dan Sun (pengembang bahasa pemrograman

“Java”) pada masa itu, maka Netscape memberikan nama

“JavaScript” kepada bahasa tersebut pada tanggal

4 Desember 1995.

PEMROGRAMAN BERBASIS WEB ** (4KA)

Page 4: JAVASCRIPT - Gunadarmanisa_raihani.staff.gunadarma.ac.id/Downloads/files/65178... · •JavaScript adalah bahasa script yang berbasis pada pemrograman java •JavaScript digunakan

4

PENGENALAN JAVASCRIPT (Lanjutan)

• JavaScript adalah bahasa yang berbentuk kumpulan skrip

yang pada fungsinya berjalan pada suatu dokumen

HTML,

• Bahasa ini adalah bahasa pemrograman untuk

memberikan kemampuan tambahan terhadap bahasa

HTML dengan mengijinkan pengeksekusian perintah-

perintah di sisi user, yang artinya di sisi browser bukan di

sisi server web.

• Java Script merupakan salah satu dari 3 bahasa wajib bagi

web developer :

HTML, menentukan isi dari halaman web

CSS, menspesifikasikan layout dari halaman web

JavaScript, memprogram perilaku dari halaman web

PEMROGRAMAN BERBASIS WEB ** (4KA)

Page 5: JAVASCRIPT - Gunadarmanisa_raihani.staff.gunadarma.ac.id/Downloads/files/65178... · •JavaScript adalah bahasa script yang berbasis pada pemrograman java •JavaScript digunakan

5

APA PERBEDAAN JAVASCRIPT & JAVA ?

PEMROGRAMAN BERBASIS WEB ** (4KA)

Page 6: JAVASCRIPT - Gunadarmanisa_raihani.staff.gunadarma.ac.id/Downloads/files/65178... · •JavaScript adalah bahasa script yang berbasis pada pemrograman java •JavaScript digunakan

6

APA YANG DAPAT DILAKUKAN JAVASCRIPT ?

• JavaScript dapat bereaksi terhadap events - JavaScript dapat di-set untuk

menjalankan saat terjadi sesuatu, seperti sebuah page telah selesai dipanggil

atau saat seorang user meng-klik pada HTML element

• JavaScript dapat membaca dan menulis HTML elements - JavaScript dapat

membaca dan mengubah isi dari HTML element

• JavaScript dapat digunakan untuk mem-validasi data - JavaScript dapat

digunakan untuk mem-validasi form data sebelum di-submitted ke server, hal

ini akan mengamankan server dari pemrosesan extra

• JavaScript dapat digunakan untuk mendeteksi browser pengunjung -

JavaScript dapat digunakan untuk mendeteksi browser pengunjung dan

memanggil page lain yang secara specifik didesain untuk browser tersebut

• JavaScript dapat digunakan untuk membuat cookies - JavaScript dapat

digunakan untuk menyimpan dan memanggil informasi di komputer

pengunjung

PEMROGRAMAN BERBASIS WEB ** (4KA)

Page 7: JAVASCRIPT - Gunadarmanisa_raihani.staff.gunadarma.ac.id/Downloads/files/65178... · •JavaScript adalah bahasa script yang berbasis pada pemrograman java •JavaScript digunakan

7

BENTUK SKRIP DARI JAVASCRIPT

Skrip dari JavaScript terletak di dalam dokumen HTML. Kode tersebut

tidak akan terlihat dari dalam jendela navigator anda, karena diantara tag

tertentu yang memerintahkan navigator untuk memperlakukan bahwa

skrip tersebut adalah skrip dari JavaScript. Contoh dari skrip yang

menunjukkan bahwa skrip tersebut adalah skrip dari JavaScript adalah

sebagai berikut :

<SCRIPT language="Javascript">

letakkan script anda disini

</SCRIPT>

PEMROGRAMAN BERBASIS WEB ** (4KA)

Page 8: JAVASCRIPT - Gunadarmanisa_raihani.staff.gunadarma.ac.id/Downloads/files/65178... · •JavaScript adalah bahasa script yang berbasis pada pemrograman java •JavaScript digunakan

8

MEMBERIKAN KOMENTAR

PEMROGRAMAN BERBASIS WEB ** (4KA)

Page 9: JAVASCRIPT - Gunadarmanisa_raihani.staff.gunadarma.ac.id/Downloads/files/65178... · •JavaScript adalah bahasa script yang berbasis pada pemrograman java •JavaScript digunakan

9

JAVASCRIPT SEBAGAI BAHASA BERORIENTASI OBJEK

PEMROGRAMAN BERBASIS WEB ** (4KA)

Page 10: JAVASCRIPT - Gunadarmanisa_raihani.staff.gunadarma.ac.id/Downloads/files/65178... · •JavaScript adalah bahasa script yang berbasis pada pemrograman java •JavaScript digunakan

10

PROPERTI

PEMROGRAMAN BERBASIS WEB ** (4KA)

Page 11: JAVASCRIPT - Gunadarmanisa_raihani.staff.gunadarma.ac.id/Downloads/files/65178... · •JavaScript adalah bahasa script yang berbasis pada pemrograman java •JavaScript digunakan

11

METODE

PEMROGRAMAN BERBASIS WEB ** (4KA)

Page 12: JAVASCRIPT - Gunadarmanisa_raihani.staff.gunadarma.ac.id/Downloads/files/65178... · •JavaScript adalah bahasa script yang berbasis pada pemrograman java •JavaScript digunakan

12

PENANGANAN KEJADIAN (EVENT HANDLER)

PEMROGRAMAN BERBASIS WEB ** (4KA)

Page 13: JAVASCRIPT - Gunadarmanisa_raihani.staff.gunadarma.ac.id/Downloads/files/65178... · •JavaScript adalah bahasa script yang berbasis pada pemrograman java •JavaScript digunakan

13

PENANGANAN KEJADIAN (EVENT HANDLER)

(Lanjutan)

PEMROGRAMAN BERBASIS WEB ** (4KA)

Page 14: JAVASCRIPT - Gunadarmanisa_raihani.staff.gunadarma.ac.id/Downloads/files/65178... · •JavaScript adalah bahasa script yang berbasis pada pemrograman java •JavaScript digunakan

14

MENANGANI PEMASUKAN DATA

PEMROGRAMAN BERBASIS WEB ** (4KA)

Page 15: JAVASCRIPT - Gunadarmanisa_raihani.staff.gunadarma.ac.id/Downloads/files/65178... · •JavaScript adalah bahasa script yang berbasis pada pemrograman java •JavaScript digunakan

15

JENDELA PERINGATAN

PEMROGRAMAN BERBASIS WEB ** (4KA)

Page 16: JAVASCRIPT - Gunadarmanisa_raihani.staff.gunadarma.ac.id/Downloads/files/65178... · •JavaScript adalah bahasa script yang berbasis pada pemrograman java •JavaScript digunakan

16

JENDELA KONFIRMASI

PEMROGRAMAN BERBASIS WEB ** (4KA)

Klik Oke Klik Batal

Page 17: JAVASCRIPT - Gunadarmanisa_raihani.staff.gunadarma.ac.id/Downloads/files/65178... · •JavaScript adalah bahasa script yang berbasis pada pemrograman java •JavaScript digunakan

17

MENGENAL HIRARKI OBJEK

PEMROGRAMAN BERBASIS WEB ** (4KA)

Page 18: JAVASCRIPT - Gunadarmanisa_raihani.staff.gunadarma.ac.id/Downloads/files/65178... · •JavaScript adalah bahasa script yang berbasis pada pemrograman java •JavaScript digunakan

18

KONSEP VARIABEL

PEMROGRAMAN BERBASIS WEB ** (4KA)

Page 19: JAVASCRIPT - Gunadarmanisa_raihani.staff.gunadarma.ac.id/Downloads/files/65178... · •JavaScript adalah bahasa script yang berbasis pada pemrograman java •JavaScript digunakan

19

MENDEKLARASIKAN VARIABEL

PEMROGRAMAN BERBASIS WEB ** (4KA)

Page 20: JAVASCRIPT - Gunadarmanisa_raihani.staff.gunadarma.ac.id/Downloads/files/65178... · •JavaScript adalah bahasa script yang berbasis pada pemrograman java •JavaScript digunakan

20

KONVERSI JENIS VARIABEL

PEMROGRAMAN BERBASIS WEB ** (4KA)

Page 21: JAVASCRIPT - Gunadarmanisa_raihani.staff.gunadarma.ac.id/Downloads/files/65178... · •JavaScript adalah bahasa script yang berbasis pada pemrograman java •JavaScript digunakan

21

KONVERSI JENIS VARIABEL (Lanjutan)

PEMROGRAMAN BERBASIS WEB ** (4KA)

Page 22: JAVASCRIPT - Gunadarmanisa_raihani.staff.gunadarma.ac.id/Downloads/files/65178... · •JavaScript adalah bahasa script yang berbasis pada pemrograman java •JavaScript digunakan

22

OPERATOR MATEMATIKA

PEMROGRAMAN BERBASIS WEB ** (4KA)

Operator Kegunaan Prioritas

+ Penjumlahan 3

- Pengurangan 3

* Perkalian 2

/ Pembagian 2

% Sisa Pembagian (modulus) 2

++ Penaikan 1 (kalau terletak di depan variabel)

4 (kalau terletak di belakang variabel

-- Penurunan 1 (kalau terletak di depan variabel)

4 (kalau terletak di belakang variabel

Page 23: JAVASCRIPT - Gunadarmanisa_raihani.staff.gunadarma.ac.id/Downloads/files/65178... · •JavaScript adalah bahasa script yang berbasis pada pemrograman java •JavaScript digunakan

23

OPERATOR MATEMATIKA (Lanjutan)

PEMROGRAMAN BERBASIS WEB ** (4KA)

Page 24: JAVASCRIPT - Gunadarmanisa_raihani.staff.gunadarma.ac.id/Downloads/files/65178... · •JavaScript adalah bahasa script yang berbasis pada pemrograman java •JavaScript digunakan

24

OPERATOR PEMBANDING DAN LOGIKA

PEMROGRAMAN BERBASIS WEB ** (4KA)

Operator Keterangan Kategori

== Kesamaan Pembanding

!= Ketidaksamaan Pembanding

< Kurang dari Pembanding

<= Kurang dari atau sama dengan Pembanding

> Lebih dari Pembanding

>= Lebih dari atau sama dengan Pembanding

! Bukan Logika

&& Dan Logika

|| Atau Logika

? Kondisi ? Nilai Benar : Nilai Salah Pembanding

Page 25: JAVASCRIPT - Gunadarmanisa_raihani.staff.gunadarma.ac.id/Downloads/files/65178... · •JavaScript adalah bahasa script yang berbasis pada pemrograman java •JavaScript digunakan

25

OPERATOR PEMBANDING DAN LOGIKA (Lanjutan)

PEMROGRAMAN BERBASIS WEB ** (4KA)

Page 26: JAVASCRIPT - Gunadarmanisa_raihani.staff.gunadarma.ac.id/Downloads/files/65178... · •JavaScript adalah bahasa script yang berbasis pada pemrograman java •JavaScript digunakan

26

PERNYATAAN IF

PEMROGRAMAN BERBASIS WEB ** (4KA)

if (kondisi) {

// blok pernyataan yang dijalankan

// kalau kondisi bernilai benar

}

Page 27: JAVASCRIPT - Gunadarmanisa_raihani.staff.gunadarma.ac.id/Downloads/files/65178... · •JavaScript adalah bahasa script yang berbasis pada pemrograman java •JavaScript digunakan

27

PERNYATAAN IF DENGAN ELSE

PEMROGRAMAN BERBASIS WEB ** (4KA)

if (kondisi) {

// blok pernyataan yang dijalankan

// kalau kondisi bernilai benar

} else {

// blok pernyataan yang dijalankan

// kalau kondisi bernilai salah

}

Page 28: JAVASCRIPT - Gunadarmanisa_raihani.staff.gunadarma.ac.id/Downloads/files/65178... · •JavaScript adalah bahasa script yang berbasis pada pemrograman java •JavaScript digunakan

28

PERNYATAAN IF BERSARANG

PEMROGRAMAN BERBASIS WEB ** (4KA)

Page 29: JAVASCRIPT - Gunadarmanisa_raihani.staff.gunadarma.ac.id/Downloads/files/65178... · •JavaScript adalah bahasa script yang berbasis pada pemrograman java •JavaScript digunakan

29

PERNYATAAN SWITCH

PEMROGRAMAN BERBASIS WEB ** (4KA)

Bentuknya :

switch (variabel) {

case nilai1 :perintah1;break;

case nilai2 :perintah2;break;

defaultperintahN;break;

}

Page 30: JAVASCRIPT - Gunadarmanisa_raihani.staff.gunadarma.ac.id/Downloads/files/65178... · •JavaScript adalah bahasa script yang berbasis pada pemrograman java •JavaScript digunakan

30

PERNYATAAN WHILE

PEMROGRAMAN BERBASIS WEB ** (4KA)

Bentuk pernyataan :

while (kondisi) {pernyataan

}

Page 31: JAVASCRIPT - Gunadarmanisa_raihani.staff.gunadarma.ac.id/Downloads/files/65178... · •JavaScript adalah bahasa script yang berbasis pada pemrograman java •JavaScript digunakan

31

PERNYATAAN DO….WHILE

PEMROGRAMAN BERBASIS WEB ** (4KA)

Bentuk pernyataan :

do {blok pernyataan

} while (kondisi) ;

Page 32: JAVASCRIPT - Gunadarmanisa_raihani.staff.gunadarma.ac.id/Downloads/files/65178... · •JavaScript adalah bahasa script yang berbasis pada pemrograman java •JavaScript digunakan

32

PERNYATAAN FOR

PEMROGRAMAN BERBASIS WEB ** (4KA)

Bentuk pernyataan :

for (inisialisasi; kondisi; penaikan_penurunan) {pernyataan_pernyataan

}

Page 33: JAVASCRIPT - Gunadarmanisa_raihani.staff.gunadarma.ac.id/Downloads/files/65178... · •JavaScript adalah bahasa script yang berbasis pada pemrograman java •JavaScript digunakan

Terima Kasih