PEMROGRAMAN WEB 1 JavaScript Rio Andriyat Krisdiawan, M.Kom

Transkripsi

1 PEMROGRAMAN WEB 1 JavaScript Rio Andriyat Krisdiawan, M.Kom

2 Definisi JavaScript Javascript adalah bahasa yang berbentuk kumpulan skrip yang pada fungsinya berjalan pada suatu dokumen HTML. Java Script merupakan salah satu bahasa pemrograman berbasis web yang memiliki karakter multiflatform dan multiuser, dimana pada bahasa bisa melakukan berbagai operasi aritmatik maupun operasi-operasi lain yang berhubungan dengan pengendalian suatu kejadian atau pengontrolan dari tampilan Bahasa ini adalah bahasa pemrograman untuk memberikan pengeksekusian perintah perintah di sisi user, yang artinya di sisi browser bukan di sisi server web. Javascript bergantung kepada browser(navigator) yang memanggil halaman web yang berisi skrip skrip dari Javascript dan tentu saja terselip di dalam dokumen HTML. Javascript juga tidak memerlukan kompilator atau penterjemah khusus untuk menjalankannya (pada kenyataannya kompilator Javascript sendiri sudah termasuk di dalam browser tersebut). Lain halnya dengan bahasa Java (dengan mana JavaScript selalu di banding bandingkan) yang memerlukan kompilator khusus untuk menterjemahkannya di sisi user/klien

3 Penulisan JavaScript Pendefinisian Javascipt dapat ditulis seperti berikut : <script language= JavaScript > //body javascript </script> Kode Javascript bisa juga kita buat dalam file terpisah dengan tujuan agar dokumen HTML isinya tidak terlalu panjang. Pemanggilan Java script tersebut dilakukan dengan : <SCRIPT SRC= namafile.js > </SCRIPT> Diantara tag <SCRIPT > dan <SCRIPT> tidak diperlukan lagi kode Javascriptnya karena sudah dibuat dalam file terpisah. File yang mengandung kode Javascript berekstensi.js

4 Metode Pada JavaScript Metode adalah suatu kumpulan kode yang digunakan untuk melakukan sesuatu tindakan terhadap objek. Penulisan : Nama_objek.nama_metode(parameter); Contoh : document.write ( Hallo ); artinya objek document memiliki metode write (untuk menulis di dalam dokumen) dengan parameter Hallo.

5 Metode JavaScript

6 Variabel JavaScript Merupakan fasilitas dalam java script yang berfungsi untuk menyimpan data kedalam suatu nama tertentu, dimana nantinya data tersebut bisa dioperasikan dengan menyebut nama variabelnya. Penamaan Variabel pada Java Script Bersifat Case Sensitif Bentuk Perintah : Var nama variabel = isi data Contoh : Var a=3;

7 Variabel JavaScript

8 Penanganan Kejadian JavaScript Penanganan kejadian (event handler) adalah sekumpulan kode yang akan dijalankan manakala pemakai melakukan suatu tindakan (biasa disebut dengan kejadian). Contoh kejadian adalah ketika pemakai mengklik tombol mouse atau ketika menutup jendela browser. Bentuk penanganan kejadian dalam Java Script adalah seperti berikut ini : nama_kejadian="kumpulan kode"; Contoh : onclick= cek() ; artinya fungsi cek dipanggil ketika tombol di-klik.

9 Fungsi JavaScript Fungsi adalah blok-blok program yang akan dijalankan ketika nama fungsi dipanggil, umumnya nama fungsi dipanggil ketika terjadi sebuah kejadian (event handler). Fungsi di dalam javascript diletakkan di antara tag script javascript. Bentuk Umum : <script language= JavaScript > function nama_fungsi() { //body fungsi } </script>

10 Event Handler dan Fungsi JavaScript

11 Prompt JavaScript Perintah ini digunakan untuk menampilkan form masukan data baik berupa karakter maupun angka, data tersebut nantinya akan disimpan kedalam suau variable dan dapat ditampilkan kembali dengan menggunakan fungsi. Bentuk Perintah : Var nama_variabel = prompt( tulsan/komentar )

12 Prompt JavaScript

13 Windows.Confirm JavaScript Perintah ini digunakan untuk menampilkan konfirmasi dalam bentuk kotak dialog, dimana dalam konfirmasi tersebut akan terdapat pilihan dalam bentuk tombol OK dan tombol CANCEL. Untuk tombol OK akan menghasilkan nilai TRUE, dan tombol CANCEl akan menghasilkan nilai FALSE. Bentuk perintah Var nama_variabel= window.confirm("komentar konfirmasi");

14 Windows.Confirm

15 Latihan dan Tugas 1. Buatlah JavaScript dengan tampilan sebagai berikut: