JAVASCRIPT - Gunadarmanisa_raihani.staff.gunadarma.ac.id/Downloads/files/65178... · •JavaScript...
Transcript of JAVASCRIPT - Gunadarmanisa_raihani.staff.gunadarma.ac.id/Downloads/files/65178... · •JavaScript...
![Page 1: JAVASCRIPT - Gunadarmanisa_raihani.staff.gunadarma.ac.id/Downloads/files/65178... · •JavaScript adalah bahasa script yang berbasis pada pemrograman java •JavaScript digunakan](https://reader034.fdocuments.net/reader034/viewer/2022052216/60a4367918853b47e25d151e/html5/thumbnails/1.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022052216/60a4367918853b47e25d151e/html5/thumbnails/2.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022052216/60a4367918853b47e25d151e/html5/thumbnails/3.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022052216/60a4367918853b47e25d151e/html5/thumbnails/4.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022052216/60a4367918853b47e25d151e/html5/thumbnails/5.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022052216/60a4367918853b47e25d151e/html5/thumbnails/6.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022052216/60a4367918853b47e25d151e/html5/thumbnails/7.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022052216/60a4367918853b47e25d151e/html5/thumbnails/8.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022052216/60a4367918853b47e25d151e/html5/thumbnails/9.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022052216/60a4367918853b47e25d151e/html5/thumbnails/10.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022052216/60a4367918853b47e25d151e/html5/thumbnails/11.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022052216/60a4367918853b47e25d151e/html5/thumbnails/12.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022052216/60a4367918853b47e25d151e/html5/thumbnails/13.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022052216/60a4367918853b47e25d151e/html5/thumbnails/14.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022052216/60a4367918853b47e25d151e/html5/thumbnails/15.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022052216/60a4367918853b47e25d151e/html5/thumbnails/16.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022052216/60a4367918853b47e25d151e/html5/thumbnails/17.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022052216/60a4367918853b47e25d151e/html5/thumbnails/18.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022052216/60a4367918853b47e25d151e/html5/thumbnails/19.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022052216/60a4367918853b47e25d151e/html5/thumbnails/20.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022052216/60a4367918853b47e25d151e/html5/thumbnails/21.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022052216/60a4367918853b47e25d151e/html5/thumbnails/22.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022052216/60a4367918853b47e25d151e/html5/thumbnails/23.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022052216/60a4367918853b47e25d151e/html5/thumbnails/24.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022052216/60a4367918853b47e25d151e/html5/thumbnails/25.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022052216/60a4367918853b47e25d151e/html5/thumbnails/26.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022052216/60a4367918853b47e25d151e/html5/thumbnails/27.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022052216/60a4367918853b47e25d151e/html5/thumbnails/28.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022052216/60a4367918853b47e25d151e/html5/thumbnails/29.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022052216/60a4367918853b47e25d151e/html5/thumbnails/30.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022052216/60a4367918853b47e25d151e/html5/thumbnails/31.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022052216/60a4367918853b47e25d151e/html5/thumbnails/32.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022052216/60a4367918853b47e25d151e/html5/thumbnails/33.jpg)
Terima Kasih