JAVASCRIPT
Tujuan :
1. Memahami tentang struktur javascript
2. Memahami tentang pemrograman di javascript
3. Memahami tentang pemakaian obyek dan form
A. Sekilas tentang JavaScript
Javascript adalah bahasa skrip yang ditempelkan pada kode HTML dan diproses di sisi klien. Dengan
adanya bahasa ini, kemampuan dokumen HTML menjadi semakin luas. Sebagai contoh, dengan
menggunakan JavaScript dimungkinkan untuk memvalidasi masukan- masukan pada formulir sebelum
formulir dikirimkan ke server. Javascript bukanlah bahasa Java dan merupakan dua bahasa yang berbeda.
Javascript diinterpretasikan oleh klien (kodenya bisa dilihat pada sisi klien), sedangkan kode Java
dikompilasi oleh pemrogram dan hasil kompilasinyalah yang dijalankan oleh klien.
B. Struktur JavaScript
Struktur dari JavaScript adalah sbb :
<SCRIPT LANGUAGE = ”JavaScript”>
<!- -
Penulisan kode javascript
// - - >
</SCRIPT>
Keterangan :
Kode <!- - // - - > umumnya disertakan dengan tujuan agar sekiranya browser tidak
mengenali JavaScript maka browser akan memperlakukannya sebagai komentar sehingga
tidak ditampilkan pada jendela browser.
C. JavaScript sebagai bahasa berorientasi pada obyek
Properti
Properti adalah atribut dari sebuah objek. Contoh, objek mobil punya properti warna mobil.
Penulisan :
Nama_objek.nama_properti = nilai
[Link] = ”Selamat Belajar JavaScript”;
Metode
Metode adalah suatu kumpulan kode yang digunakan untuk melakukan sesuatu tindakan
terhadap objek.
Penulisan :
Nama_objek.nama_metode(parameter)
[Link] (”Hallo”)
D. Letak JavaScript dalam HTML
Skrip Javascript dalam dokumen HTML dapat diletakkan pada :
1. Bagian Head
2. Bagian Body (jarang digunakan).
Praktikum:
Percobaan 1: Pengenalan Javascript
Percobaan 2 : Menulis pada halaman website
Percobaan 3 : Mengenal Variabel
Percobaan 4: Mengenal Fungsi
Percobaan 5: Event Handler
Percobaan 6: Pemasukan Data
Percobaan 7 : Konfirmasi
Percobaan 8 : Deklarasi Variabel
Percobaan 9 : Peletakan Variabel
Percobaan 10: Peletakan Variabel
Percobaan 11: Konversi Tipe Data
Percobaan 12: Operasi Matematika
Percobaan 13 : If dan Else
Percobaan 14: If Bersarang (nested if)
Percobaan 15 : Case Break
Percobaan 16: Penggunaan While
Percobaan 17: Looping do while
Percobaan 18: Looping For
Percobaan 19 : Nested For
Percobaan 20: Contoh Fungsi
Percobaan 21: Fungsi Rekursif
Percobaan 22 : Mengolah Form
Tugas:
1. Buat halaman html untuk mengkonversi nilai angka menjadi nilai huruf dengan
menggunakan javascript (contoh seperti C.1.)
Konversi :
0-40 =E
41-55=D
56-60=C
61-65=BC
66-70=B
71-80=AB
81-100=A
2. Buat halaman html untuk menampilkan aplikasi program kalkulator sederhana
dengan menggunakan javascript.
Contoh tampilan:
Bil 1 dan Bil 2 merupakan text box, dapat diisi angka, bila tombol + atau – atau x
atau / ditekan, maka akan keluar bilangan pada text box hasil, dimana bilangan ini
merupakan operasi arithmetic sesuai dengan tombol yang ditekan.