JavaScript

JavaScript adalah bahasa script yang dipergunakan di Internet Browser sebelum VBScript dan JScript milik Microsoft oleh perusahaan Netscape.
JavaScript berbeda dengan pemrograman Java yang di kembangkan oleh Sun Microsystem. Namun kedua perusahaan ini Netscape dan Sun Microsystem bekerjasama dalam mengembangkan JavaScript dan Java.

Java adalah bahasa pemrogaman sedangkan JavaScript adalah bahasa scripting. Kita dapat membuat program yang berdiri sendiri dengan Java sedangkan Scrip yang ditulis dengan JavaScript harus dijalankan oleh browser.

Variable JavaScript
Dunia pemrograman selalu tidak terlepas dari pengolahan data dan informasi. Data atau informati tersebut mungkin berupa teks yang ditampilkan pada browser.
Selanjutnya teks tersebut dapat dikatakan sebagai nilai dari sebuah variabel
contoh: kata = 'halo'
kata adalah variabel sedangkan 'halo' adalah nilai atau value.

berikut adalah variabel yang biasa dipakai pada JavaScript:

Type Contoh Deskripsi

String 'halo' karakter yang diapit oleh tanda kutip

Number 5 nomor yang tidak diapit oleh tanda kutip

Boolean true logika benar atau salah (true= benar, false= salah)< /FONT>< /FONT>< /FONT>< /FONT>

Null null variabel tidak bernilai

Membuat Variable

Cara I:
var Umur;
Umur = 18;

Cara II:
var Umur = 18;

Membuat Keputusan

Membuat keputusan dengan If.. Then
di bawah ini adalah contoh penggunaan If ... Then

If kondisi (){      ... kode ini dijalankan jika kondisinya benar

}

Jika kondisinya benar, kode yang berada diantara If dan End If akan dijalankan. Jika kondisinya tidak benar, maka kode nya dilompati dan tidak dijalankan.
di bawah ini adalah contoh penggunaa If - then

<HTML><HEAD>
<TITLE>Pengenalan Internet dan Web Design</TITLE>
</HEAD>

<BODY>

<H1><A HREF="xbasicpro.comxbasicpro.comhttp://xbasicpro.com">xbasicpro.com</A>
<EM>menggunakan If-Then </EM></H1>

<HR>

<P>Masukkan umur dan klik tombol "Tes".  Visual Basic
Script akan memakai kondisi If-Then untuk menampilkan pesan
<PRE>

Saya berumur <INPUT NAME="txtUmur" SIZE=10 > tahun.   --
<INPUT TYPE="BUTTON" VALUE="Tes" SIZE=30 NAME="cmdTes">
</PRE>

<HR>

<center>
from <em>Pengenalan Internet dan Web Design</em> oleh
<A HREF="http://xbasicpro.com">xbasicpro.com</A> <br>
</center>

<SCRIPT LANGUAGE="JavaScript">

function cmdTes_onclick(){
    var umur;
    umur = window.txtUmur.value;
    if (umur <= 0 || umur > 120) {
         alert ("Mungkin kamu belum lahir atau sudah terlalu tua");
    }else{
         alert ("Anda berumur " + umur + " tahun.");
    }
}

</SCRIPT>

</BODY>
</HTML>

Kode di atas bila dijalankan akan meminta input umur pemakai. Ketika pemakai mengklik tombol Tes, pernyataan If-then akan memeriksa apakah pemakai memassukkan umur yang sah. Jika pemakai memasasukkan nilai negatif atau lebih besar dari 120 maka akan muncul pesan kesalahan.

Perulangan / Loop

Perulangan sering dijumpai dalam pemgrograman. Contoh kita ingin menghitung pajak atau total gaji dari daftar karyawan. Di sini sering dipergunakan perulangan/loop.

For Next

pernyataan for next biasanya dipergunakan untuk melakukan perulangan dengan jumlah perulangan yang sudah diketahui pemaik sebelumnya. Contoh kita akan mencetak kata halo sebagai pesan sebanyak 10 kali.

Contoh kodenya adalah sbb:

      for (var i = 0; i < = 10;i++){
        alert ("Halo..!");
      }

script di bawah ini dapat anda copy ke notepad, lalu simpan dengan nama "if_javascript.htm"

<HTML>
<HEAD><TITLE>Pengenalan Internet dan Web Design</TITLE></HEAD>
<BODY>
<H1><A href="xbasicpro.comxbasicpro.comhttp://xbasicpro.com">xbasicpro.com</A> <EM>menggunakan for - next </EM> <HR></H1> <P> Masukkan angka dan klik tombol "Tes". JavaScript akan memakai for - next untuk menampilkan pesan sebanyak yang diisikan pada textbox.<BR>

perulangan <INPUT NAME="txtmax" SIZE=10 >    kali <BR>
<INPUT TYPE="button" VALUE="Tes" SIZE=30 NAME="cmdTes" LANGUAGE=javascript onclick="return cmdTes_onclick()">
<BR>
<HR> <center>
from <em>Pengenalan Internet dan Web Design</em> oleh
<A HREF="http://xbasicpro.com">xbasicpro.com</A> <br> </center>

<SCRIPT LANGUAGE="JavaScript">
   function cmdTes_onclick(){
      var max = window.txtmax.value;
      for (var i = 0; i < = max;i++){
          alert (i+" Halo..!");
      }
   }
</SCRIPT>
</BODY>
</HTML>

Validasi Pemakai dengan JavaScript Client Site

Validasi

Validasi /pengesahan biasanya dilakukan pada saat pemakai mengisikan data-data. Contoh untuk memeriksa apakah pemakai sudah benar-benar mengisi nama atau alamat.

Client Side
Yang dimaksud dengan client side script disini adalah, Script di jalankan pada sisi Client yaitu pada komputer pemakai.

Di bawah ini adalah contoh pengisian buku tamu versi JavaScript:

<HTML><HEAD></HEAD>
<BODY>
<H1><FONT face="Courier New">Isi Buku Tamu</FONT> </H1>
<FONT face="Courier New"> <FORM name="frmInput"> <BR>
Nama <input name="txtNama"> <BR>
Email <input name="txtEmail"> <BR> <BR>
Komentar: <BR><TEXTAREA name=txtKomentar rows=10 cols=60></TEXTAREA> <br>
<input type="button" value="OK" name="btnSubmit" LANGUAGE=javascript onclick="return btnSubmit_onclick()"> <input type="reset" value="Batal" name="btnReset"> <BR> </form> </FONT>

<script LANGUAGE="JavaScript">
function btnSubmit_onclick() {

     var kesalahan="";
     if (frmInput.txtNama.value == ""){
        kesalahan="\n" + "Nama harus di isi";
     }

     var email = frmInput.txtEmail.value;
     var x = email.indexOf("@");
     if (x == -1){
       kesalahan = kesalahan + "\n" + "Alamat email harus memiliki tanda @"; }
     }

     if(frmInput.txtKomentar.value == ""){
         kesalahan=kesalahan + "\n" + "Tolong Isi Komentar...";
     }

     if (kesalahan != ""){
         alert ("Ada kesalahan isi form: " + "\n" + kesalahan);
     }else{
        alert ("submit");
        window.frmInput.submit
     }
}

function btnReset_onclick(){
     frmInput.txtNama.value = "";
     frmInput.txtEmail.value = "";
     frmInput.txtKomentar.value = "";
}

</script>
</BODY>
</HTML>

copy kode di atas ke notepad lalu simpan dengan nama validasi_JavaScript.htm
buka dengan browser.

Kembali   Lanjut   Daftar Isi < /A> < /FONT> < /P> < /FONT> < /SPAN > < /FONT>