PENGENALAN JAVASCRIPT A. MAKSUD DAN TUJUAN 1. MAKSUD Memperkenalkan bahasa javascript. Membuat tampilan pesan dengan javascript. 2. TUJUAN Mahasiswa dapat mengenal bahasa javascript. Mahasiswa mengerti penggunaan beberapa sintak javascript. Mahasiswa dapat membuat script pemrograman untuk melakukan membuat tampilan pesan dengan javascript B. DASAR TEORI Javascript adalah bahasa script yang ditempelkan pada kode HTML dan diproses pada sisi clien. Dengan adanya bahasa ini, kemampuan dokumen HTML menjadi lebih luas. Sebagai contoh, dengan menggunakan javascript dimungkinkan untuk memvalidasi masukan-masukan pada formulir sebelum formulir dikirimkan ke server. Perlu diketahui bahwa javascript dan bahasa java adalah dua bahasa yang berbeda. Javascript diinterpretasikan oleh klien, sedangkan kode java dikompilasi oleh pemrogram dan hasilnyalah yang dijalankan oleh klien. Tag <SCRIPT> untuk mengawali skript javascript dan diakhiri dengan tag </SCRIPT>. Di dalam tag <SCRIPT> terdapat atribut LANGUAGE yang diisi dengan javascript. Tanda <! dan merupakan tanda untuk menuliskan komentar Contoh: contoh.htm <HTML> <HEAD> <SCRIPT language="javascript"> //<! Menyembunyikan script terhadap browser non_javascript document.write("hai...selamat mencoba"); //akhir dari penyembunyian --> </SCRIPT> </HEAD> Dengan </HTML> menggunakan Event
Menangani Event akan mengubah halaman yang static menjadi lebih dinamis. Event adalah hasil terhadap aksi yang dilakukan oleh pemakai, seperti klik pada mouse, klik pada tombol submit di suatu form, dan keluar dari halaman. Netscape mengenali sejumlah event, tetapi kita tidak akan mendiskusikannyanya sekarang. Contoh: <FORM> <INPUT TYPE=BUTTON VALUE= Coba Klik onclick= alert( Hello world ) > </FORM> Obyek Date Walaupun JavaScript tidak menyediakan suatu type data Date, tetapi menyediakan suatu obyek date yang mana menangani informasi date dan time. Semua tanggal adalah jumlah milidetik sejak January 1, 1970, 00:00:00. Akibatnya semua tanggal sebelum 1970 adalah tidak sah. Obyek date membutuhkan suatu instance dari obyek Date yang berkaitan dengan pemakaian metode-metodenya. Instance dapat berupa suatu obyek baru atau properti dari obyek yang ada. Ada empat cara untuk membentuk instance baru: dateobyekname = new date() dateobyekname=new date ( Month day, year hours:minutes:seconds ) dateobyekname=new date (year, month, day) dateobyekname=new date (year, month, date, hours, minutes, seconds) Membentuk suatu himpunan dari tanggal dan waktu ke tanggal dan waktu sekarang. Mengosongkan time berarti memberinya nilai nol. Karena obyek Date tidak mengandung properti apa-apa, hanya ada satu format untuk metode Date: dateobyekname.metodename(parameters) Pengecualiannya adalah UTC dan metode parse, yang mana adalah metode status dan pemakaiannya Date.UTC(parameters) Date.parse(Parameters) Table menjelaskan nilai yang akan dikembalikan oleh berbagai perintah get. Tabel memisahkan informasi dalam obyek Date
Metode Date Nilai yang dikembalikan getdate() Day of the month getday() Day of the week GetHours Hour of the day GetMinutes Minutes in the hour GetMonth The month GetSeconds Seconds in the minute GetTime Milliseconds since 1/1/1970 GetTimezoneOffset Offset between local time and GMT GetYear The year C. PRAKTEK 1. Ketikkan script dibawah ini dengan menggunakan notepad untuk membuat tampilan text di halaman website dengan menggunakan javascript, kemudian jalankan di browser. document.write("selamat mencoba javascript<br>"); document.write("semoga sukses!"); 2. Modifikasi script no.1 untuk memberikan judul pada bar icon browser dan memberikan warna serta ukuran pada font sehingga scriptnya menjadi: document.write("<b><font color='blue'>selamat
mencoba javascript<br></b></font>"); document.write("<b><font size='10'>semoga sukses!<br></b></font>"); document.write("hai tes defaultstatus<br>"); window.defaultstatus="selamat datang di javascript"; Jalankan di browser dan perhatikan judul pada bar icon browser yang berada di bagian bawah browser. 3. Ketikkan script berikut untuk menyorot salah satu link, dimana link akan menampilkan pesan pada bar icon bawah browser. <p>cobalah meletakkan cursor ke link berikut ini dan perhatikan isi baris status.<br /> kemudian pindahkan cursor dari link berikut dan perhatikan isi baris status</p> <a href="www.google.co.id" onmouseover="window.status='anda menyorot link, lho';return true" onmouseout="window.status='';return true">link yang disorot</a> 4. Ketikkan script dibawah sebagai berikut: window.alert("pesan Untuk Anda"); 5. Cobalah script berikut:
var nama=prompt("siapa nama anda"); document.write("nama anda adalah: "+nama); Masukkan nama anda pada kotak dialog kemudian OK. D. LATIHAN Modifikasilah script dibawah sehingga setiap menyorot link masing-masing di icon bar muncul alamat file yang akan dituju. <BODY> <A HREF= help.htm >halaman help </A><br> <A HREF= http://www.google.co.id >Mbah Dukun yang Sakti</A><BR> <A HREF= mailto:apampam@yahoo.com >Kirimkan email jika ada pertanyaan</a> </BODY> E. TUGAS Dalam JavaScript juga menyediakan jendela konfirmasi, yaitu dengan menggunakan metode bernama confirm(). Cobalah dengan javascript untuk menampilkan suatu jendela konfirmasi dengan dua alternatif jawaban OK dan Cancel. Seperti tampak dibawah: