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 . Di dalam tag <SCRIPT> terdapat atribut LANGUAGE yang diisi dengan “javascript”. Tanda merupakan tanda untuk menuliskan komentar
Contoh: contoh.htm <SCRIPT language="javascript"> // menggunakan Event Dengan
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:
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.
Script Javascript Percobaan memakai Javascript:
<script language="javascript"> "); 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:
Script Javascript Percobaan memakai Javascript:
<script language="javascript">
Selamat
mencoba javascript
"); document.write("
Semoga sukses!
"); document.write("Hai tes defaultStatus
"); 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.
Script Javascript Percobaan memakai Javascript:
Cobalah meletakkan cursor ke link berikut ini dan perhatikan isi baris status.
kemudian pindahkan cursor dari link berikut dan perhatikan isi baris status
Link yang disorot 4. Ketikkan script dibawah sebagai berikut:
Script Javascript <script language="javascript"> 5. Cobalah script berikut:
Script Javascript <script language="javascript"> 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.
halaman help Mbah Dukun yang Sakti Kirimkan email jika ada pertanyaan 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:
