PEMROGRAMAN WEB 1 Java Script

PEMROGRAMAN WEB 1
JavaScript
Rio Andriyat Krisdiawan, M.Kom
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
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
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.
Metode JavaScript
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;
Variabel JavaScript
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.
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>
Event Handler dan Fungsi JavaScript
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”)
Prompt JavaScript
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");
Windows.Confirm
Latihan dan Tugas
1. Buatlah JavaScript dengan tampilan sebagai berikut: