Variable
Hallo, Setelah sebelumnya kita belajar tentang cara bagaimana menghubungkan file JavaScript di Html dan cara membuat komentar, sekarang kita akan belajar tentang variable. Variable sendiri adalah cara untuk ngasih nama ke suatu nilai. Ini berguna karna bisa saja nilai itu kita gunakan berkali-kali dan bisa saja nilai itu isinya banyak sehingga kita lupa akan nilai itu. Itu bisa kita pangkas dengan menggunakan sebuah variable. Variable sendiri bisa berupa kata atau huruf seperti aljabar di matematika. Misalnya variable X nilainya adalah 1000, jadi setiap kita ingin menulis angka 100 cukup dengan variable X itu dan tidak perlu menulis angka 100.. Untuk angka 100 mungkin masih terlihat simple, tapi bayangkan jika angka itu sudah mencapai sangat banyak. Misal ada angka 12731274017429, tentu sangat sulit untuk diingat dan itulah fungsi dari variable. Langsung saja ke contoh karna saya yakin kalian pasti bingung dengan penjelasan ini
<html>
<head>
<title>Belajar Javascript Itu Mudah</title>
<style>
#atas{
background-color: black;
color: white;
}
</style>
</head>
<body>
<h1>Belajar Javascript itu Mudah</h1>
<div id="atas"></div>
<script>
//Kode Javascript disini
var x = 123871230;
document.getElementById("atas").innerHTML = x;
</script>
</body>
</html>
keterangan : Jadi, dalam penulisan variable cukup dengan tag var = angka; dan jika isi dari variable tersebut adalah kata/kalimat, maka harus ditambahkan tanda "". misal : var = "kalimat";
lalu, kode diatas menjelaskan bahwa kita sudah membuat sebuah isi dari variable x dan kita cukup memanggil isi dari variable tersebut dengan huruf x. Perlu diketahui, untuk membuat sebuah kode JavaScript diawali dengan tulisan : document.getElementById("NamaIdNya").innerHTML = "NamaVariableNya".. Kode di atas menunjukkan bahwa kita tidak perlu repot-repot untuk menulis angka 123871230, cukup dengan memanggil variable x dan jadinya seperti ini
Mudah Bukan? dan jika ingin membuat sebuah variable dengan isi kalimat/tulisan maka kodenya seperti ini
<html>
<head>
<title>Belajar Javascript Itu Mudah</title>
<style>
#atas{
background-color: black;
color: white;
}
</style>
</head>
<body>
<h1>Belajar Javascript itu Mudah</h1>
<div id="atas"></div>
<script>
//Kode Javascript disini
var x = 123871230;
var asd = "Belajar JavaScript itu mudah";
document.getElementById("atas").innerHTML = asd;
</script>
</body>
</html>
ket: Kita menggunakan variable asd yang isinya adalah tulisan/kalimat dan jadinya seperti ini
1. Nama dimulai dengan huruf, angka, $ atau _
( contoh : variable yang diperbolehkan
var x = 10;
var $x = 10;
var _x = 10; )
2. Variable yang tidak diperbolehkan. Variable yang tidak diperbolehkan adalah semua tanda baca atau apapun diluar variable yang diperbolehkan.
( contoh : variable yang tidak diperbolehkan
var &x = 10;
var *x = 10;
3. Nama boleh mengandung hufur, angka, underscore (_) dan dolar ($)
contoh : isi variable yang diperbolehkan
var konten1 : 10;
var konten_1 : 10;
var konten_142abc : 10;
4. Variable sensitif terhadap huruf besar/kecil. Nah, kejadian ini sering dialami oleh banyak programmer. contohnya saat dia menulis variable di script html nya menggunakan awalan huruf besar, tapi di javascript nya menggunakan huruf kecil atau sebaliknya. Karna hal ini berpengaruh
contoh : <div id="bawah"></div>
<script>
var x = 12374230;
document.getElementById("Bawah").innerHTML = x;
</script>
Hal ini akan error karna tulisan awal bawah pada teks html dan teks javascript berbeda
5. Ada beberapa kata yang tidak diperbolehkan oleh javacript untuk digunakan
contoh :
var var : 10;
hal dia atas tidak diperbolehkan menggunakan nama var karna var sendiri adalah deklarasi dari variable
Oke, Sekian dulu tutorial kali ini, Jika ada pertanyaan silahkan bisa menghubungi admin dengan meng-klik icon media sosial yang ada di bagian sidebar atau klik disini. Sampai jumpa di tutorial berikutnya ^_^
Sign up here with your email
ConversionConversion EmoticonEmoticon