Tutorial JavaScript Jilid 3

Ditulis oleh  First Ryan Sunday, 30 May 2010 11:37

Pada akhir bulan Mei ini saya akan mengisi artikel kali ini dengan tutorial JavaScript. Karena pada bulan-bulan ini agak sibuk dikarenakan ada tugas sekolah yang mendadak serta mendekati ulangan semester, maka saya akan memberi materi yang ringan tetapi dapat bermanfaat bagi anda semua.

Pada tutorial lanjutan JavaScript kali ini, kita akan membahas tentang Variabel dalam JavaScript. 

Variabel didefinisikan sebagai tempat kita menyimpan suatu nilai-nilai atau informasi-informasi pada JavaScript. Dalam JavaScript suatu variable bersifat opsional yang berarti variable boleh dideklarasikan atau tidak dideklarasikan. Dan variable JavaScript bisa bernilai apa saja.

Dalam penulisan variable JavaScript memiliki aturan sebagai berikut :

  • Harus diawalai dengan karakter (huruf atau baris bawah).
  • Tidak boleh menggunakan spasi.
  • Huruf Kapital dan kecil memiliki arti yang berbeda.
  • Tidak boleh menggunakan kata-kata yang merupakan perintah dalam JavaScript.

Contoh penulisan variabel JavaScript

var nama_variabel = nilai;

atau

nama_variabel = nilai;

 

contoh penggunaan variabel :

 

var nama = “Replace ID” var no = 1234; X = 2010;

 

Tipe Data Pada JavaScript

JavaScript berbeda dengan bahasa pemrograman lainya dalam masalah tipe data, yaitu tidak mempunyai tipe data secara explisit. Sevagai contoh kita menuliskan suatu variabel tanpa harus menentukan jenis atau tipe variabel tersebut. Namun, JavaScript mempunyai tipe data implisit, yaitu :

  • Numerik, seperti : 123456, 2010, 0.2454 dsb
  • String, contoh : “Test”, “javaScript”, “Replace ID” dsb
  • Boolean, bernilai false atau true
  • Null, variabel yang tidak didefinisakan atau diinisilisasi

 

1. Tipe Numerik

Pada dasarnya JavaScript hanya mengenal dua macam tipe numerik, yaitu bilangan bulat (integer) dan bilangan pecahan(real/float). Untuk bilangan bulat, kita dapat menggunakan dengan basis desimal, oktal atau heksadesimal. Lihat kode dibawah ini.

var A = 100; var B = 0x2F;

untuk pendeklarasian tipe bilangan real, kita dapat menggunakan tanda titik atau notasi ilmiah (notasi E).

var a = 3.33333333; var b = 1.23456E+3;

 

2. Tipe String

Untuk mendeklarasikan tipe string dapat dilakukan dengan cara menuliskan string diantara tanda petik tunggal (') atau tanda petik ganda (").

var str ='Contoh deklarasi string dengan single quote'; 
var str1 = "Cara penulisan double quote";
 

 

 

3. Tipe Boolean

Tipe boolean hanya mempunyai nilai True atau False. Tipe ini biasanya digunakan untuk mengecek suatu kondisi atau keadaan.

var X = (Y > 100);

contoh diatas menunjukkan bahwa jika Y lebih besar dari 100 maka X akan bernilai True.

 

4. Tipe Null

Tipe Null digunakan untuk merepresentasikan variabel yang tidak diberi nilai awal (inisialisasi).Dibawah ini ada contoh penggunaan variabel dalam halaman web.

 

Contoh penggunaan variabel javascript pada website

<html>
<head><title>Test Variabel</title></head>
<body>
   <SCRIPT language="JavaScript">
   var A = "100"; //bernilai string 
   var B = "50";  //bernilai string 
   var C = 200; 
   var D = 150; 
   var E = A + B; 
   document.writeln('"100" + "50" = ' + E);//penjumlahan string 
   document.writeln("<br>");
   E = B + C; //var E di definisakn lagi 
   document.writeln('"50"+200='+E); //penjumlahan string & variabel 
   document.writeln("<br>");
   E = C + D; //var E di definisakn lagi 
   document.writeln('200 + 150 = ' + E); //penjumlahan numerik 
   document.writeln("<br>");
   //contoh bolean 
   E = C + D var X = (E > 100);
   //jika E lebih dari 100 maka true 
   document.writeln('200+ 150 = '+ E +' > 100 = ' + X); 
   document.writeln("<br>");
   X = (E<100) 
   document.writeln('200+ 150 = '+ E +' < 100 = ' + X);
   </SCRIPT>

</body>
</html>

Contoh diatas adalah cara menggunakan variabel pada sebuah halaman website (HTML). Saya menggunakan angka-angka sebagai variabel dan nanti hasilnya akan di tampilkan pada browser. Angka inputan bisa di ubah, yang nantinya output dari variabel tersebut juga akan berubah.

Sekian dulu tutorial JavaScript jilid 3 kali ini. Sampai ketemu di tutorial selanjutnya.

Last modified on Sunday, 21 August 2011 13:19
First Ryan

First Ryan

Seorang Blogger yang tertarik dengan segala sesuatu yang berhubungan dengan tekhnologi website.

Website: firstryan.net

Leave a comment

Pastikan anda mengisi data dengan banar. tanda (*) harus di isi.
Budayakan berkomentar yang sopan. Kami selalu menerima kritik dan saran.

You are here Tutorial Tutorial Website JavaScript Tutorial JavaScript Jilid 3

Email Feed

Kirim artikel terbaru via email:

Delivered by FeedBurner