Apa yang dimaksud Variabel pada Javascript

Apa yang dimaksud Variabel pada Javascript

32

Apa yang dimaksud Variabel pada Javascript ?

Variabel adalah media yang digunakan untuk menampung nilai, baik berupa angka maupun string. Dalam Javascript anda tidak perlu mendeklarasikan tipe datanya, cukup tulis nilainya saja (huruf/angka). Terdapat beberapa aturan dalam penulisan variable, yakni :

  1. Diawali dengan huruf/underscore, diikuti dengan angka/huruf/symbol dan lain – lain.
  2. Tidak boleh mengandung spasi.
  3. Tidak boleh menggunakan keyword Javascript, seperti var/function.
  4. Case Sensitive, penamaan dengan huruf besar/kecil, mempunyai nilai yang berbeda. Nama ≠ NAMA ≠ nama ≠

Pendeklarasian sederhananya adalah seperti ini :

JavaScript

Var nama_variabel = nilai

atau

JavaScript

Nama_variabel = nilai

Kedua2nya sama – sama dapat dijalankan.

XHTML

<!DOCTYPE HTML>

<html>

<body>

  <p>Nama  : <span id="nama"></span></p>

  <p>Kelas : <span id="kelas"></span></p>

  <button onClick="klik()">Tekan</button>

  

  <script>

   function klik(){

var nama = "David Villa";

kelas = "Mawar 2";

document.getElementById("nama").innerHTML = nama;

document.getElementById("kelas").innerHTML = kelas;

   }

  </script>

</body>

</html>

di bawah ini adalah output dari hasil kode sumber di atas :

apa yang dimaksud variabel pada javascript

Variabel dapat saja tak terdefinisi/undefined…

XHTML

<!DOCTYPE HTML>

<html>

<body>

  <p id="contoh"></p>

  <script>

   var a;

   document.getElementById("contoh").innerHTML = "Nilai a : " + a;

  </script>

</body>

</html>

variabel tak terdefinisi pada javascript

Biasanya variabel bernilai kosong ini digunakan sebagai nilai berikutnya/kedua atau digunakan sebagai jembatan untuk perubahan – perubahan nilai yang akan dilakukan oleh si pemrogram.

Misal variabel null, untuk nilai selanjutnya, dimana var z digunakan sebagai hasil kali var x dan y…

XHTML

<!DOCTYPE html>

<html>

<body>

  <p>12 x 30 = <span id="contoh"></span></p>

  

  <script>

   var x=12, y=30, z;

   z = x*y;

   document.getElementById("contoh").innerHTML = z;

  </script>

</body>

</html>

Dan di bawah ini adalah outputnya :

variabel pada javascript

Lalu jika variabel null, yang digunakan sebagai jembatan antar 2 variabel adalah seperti penjelasan di bawah ini…

Misal, saya memiliki var x = 12, dan y = 30, dan saya ingin mengubah keduanya menjadi x = 30, dan y = 12 dengan bantuan variabel lain sebut saja var z. Maka urutannya :

  1. Var x = 12;
  2. Var y = 30;
  3. Var z;
  4. Var z = x; var z menyimpan nilai 12.
  5. Var x = y; var x menyimpan nilai 30.
  6. Var y = z; var y menyimpan nilai 12.

XHTML

<!DOCTYPE HTML>

<html>

<head>

</head>

<body>

<p>var x = <span id="x"></span></p>

<p>var y = <span id="y"></span></p>

<p>var z = <span id="z"></span></p>

<hr>

<p>var x = <span id="x_2"></span></p>

<p>var y = <span id="y_2"></span></p>

<p>var z = <span id="z_2"></span></p>

<script type="text/javascript">

var x = 12;

document.getElementById("x").innerHTML = x;

var y = 30;

document.getElementById("y").innerHTML = y;

var z;

document.getElementById("z").innerHTML = z;



//---------- Pengkalkulasian kita lakukan di sini ---------//

var z = x;//z menyimpan nilai x, yakni 12

var x = y;//x menyimpan nilai y, yakni 30

document.getElementById("x_2").innerHTML = x;

var y = z;//y menyimpan nilai z, yakni 12

document.getElementById("y_2").innerHTML = y;

document.getElementById("z_2").innerHTML = z;

</script>

</body>

</html>

di bawah ini adalah hasilnya :

fungsi variabel pada javascript

Anda juga dapat mendeklarasikan banyak Variabel dalam 1 deklarasi tunggal, silahkan pisahkan dengan tanda koma :

XHTML

<!DOCTYPE html>

<html>

<body>

  <p>Nama : <span id="nama"></span></p>

  <p>Usia : <span id="usia"></span></p>

  <script>

   var nama="Masgan", usia=22;

   document.getElementById("nama").innerHTML = nama;

   document.getElementById("usia").innerHTML = usia;

  </script>

</body>

</html>

Output :

mendeklarasikan lebih dari 1 variabel sekaligus

Variabel pun dapat pula bernilai kosong.

XHTML

<!DOCTYPE HTML>

<html>

<body>

<p id="contoh"></p>

<script>

var x = "";

if(x == ""){

document.getElementById("contoh").innerHTML = "var x bernilai kosong";

}else{

document.getElementById("contoh").innerHTML = "var x tidak bernilai kosong";

}

</script>

</body>

</html>

membuat variabel bernilai kosong

Demikian tutorial dari Apa yang dimaksud Variabel pada Javascript. Silahkan kunjungi materi Javascript yang lainnya seperti Komentar.

Keywords: variabel javascript, cara variabel javascript

Share: