Frontend : JAVASCRIPT Bagian 3 – Variabel dan Konstanta

Variabel? Konstanta? Kok mirip seperti MTK? Eits… ini memang mirip mtk, tapi tenang.. kita bukan sedang belajar MTK. Variabel dan Konstanta yang akan teman-teman pelajari berkaitan dengan sebuah data pada website. Yuk langsung saja penulis bahas…


1. Variabel

Variabel adalah sebuah wadah untuk menampung data yang nilai nya dapat berubah kapanpun. Jika diibaratkan variabel seperti cangkir, air dalam cangkir adalah data nya. “Nilai nya dapat berubah kapanpun” yang artinya ketika ada data baru dengan penamaan variabel yang sama, maka secara otomatis variabel akan update dengan sendirinya. Contoh penggunaan variabel : ketika teman-teman login misal tokopedia, teman teman klik wishlist, otomatis keranjang wishlist akan bertambah nominal wishlistnya. Inilah yang disebut “Data yang nilainya dapat berubah”. Berikut contoh penggunaan variabel pada Javascript.

<!DOCTYPE html>
<html>
<head>
	<link rel="icon" type="image/x-icon" href="img/pbs2.png">
	<title>Frontend : JAVASCRIPT Bagian 3 – Variabel dan Konstanta</title>
</head>
<body>
<h4>JAVASCRIPT Bagian 3 – Variabel dan Konstanta</h4>

<!-- Kode Javascript -->
<script type="text/javascript">
	var x;
	x = "Sedang belajar Variabel dan Konstanta";
	x = "Variabel baru";
	console.log(x);
</script>
</body>
</html>


Penjelasan :

1. Baris 12, kita sedang mendeklarasikan variabel dengan nama variabel x

2. Baris 13, kita sedang mendefinisikan nilai dari variabel x yang berisi kalimat Sedang belajar Variabel dan Konstanta

3. Baris 14, kita sedang mendefinisikan nilai baru dari variabel x yang berisi kalimat Variabel baru. Kita membuat variabel x dengan nilai baru karena supaya membuktikan bahwa variabel nilainya dapat berubah

4. Baris 15, kita memanggil variabel x supaya tampil di inspect. Variabel harus dipanggil jika kita ingin menggunakan nya


Hasil :


2. Konstanta

Sama seperti variabel, perbedaan terletak di sifat data. Jika variabel data nya bersifat tidak tentu(dapat berubah), konstanta sebaliknya (data tidak dapat diubah) ketika program dijalankan.

 <!DOCTYPE html>
<html>
<head>
	<link rel="icon" type="image/x-icon" href="img/pbs2.png">
	<title>Frontend : JAVASCRIPT Bagian 3 – Variabel dan Konstanta</title>
</head>
<body>
<h4>JAVASCRIPT Bagian 3 – Variabel dan Konstanta</h4>

<!-- Kode Javascript -->
<script type="text/javascript">
	const x = "Sedang belajar Variabel dan Konstanta";
	const x = "Konstanta baru";
	console.log(x);
</script>
</body>
</html>


Penjelasan :

1. Baris 12, kita membuat konstanta dengan nama konstanta x

2. Baris 13, kita membuat konstanta baru dengan nama yang sama pada konstanta sebelumnya

3. Baris 14, kita memanggil konstanta x


Hasil :

error dikarenakan nama konstanta tidak boleh sama.

Hapus baris 13, hasilnya maka akan seperti gambar diatas.

Leave a Reply

Your email address will not be published. Required fields are marked *