Friday, January 6, 2017

Javascript Part 3 : Mengenal Variabel Javascript

Penulis INero Diterbitkan 5:52 PM

PENGERTIAN
Tidak hanya pada PHP javascript pun juga mengenal istilah variabel lebih tepatnya memiliki variabel. Fungsi variabel pada javascript sama dengan fungsinya pada bahasa pemrograman lain, yaitu untuk menyimpan data untuk sementara. Oke langsung saja kita lanjut tutorialnya

CARA PENULISAN VARIABEL JAVASCRIPT
Yang harus diperhatikan dalam penulisan javascript adalah, semua penulisan variabel pada javascript tidak boleh mengandung spasi, harus memperhatikan penulisan huruf besar dan kecil. Lebih lengkapnya perhatikan poin - poin berikut

Poin penting dalam penulisan variabel javascript

Penulisan nama variabel bisa menggunakan huruf, angka, underscore, dan tanda dolar
Penulisan nama variabel harus diawali dengan huruf
Penulisan nama variabel javascript harus memperhatikan huruf besar kecil ( case sensitive )
Nama variabel tidak boleh mengandung spasi
Penulisan variabel javascript diawali dengan syntax "var"

CARA MEMBUAT VARIABEL JAVASCRIPT
Baiklah, pertama kita siapkan terlebih dahulu file html, disini saya menamainya dengan nama index.html

index.html


<!DOCTYPE html>
<html>
<head>
    <title>Javascript : Penulisan dan </title>
</head>
<body>
    <h1>Belajar Javascript Part 3 : Mengenal Variabel Javascript</h1>
    <h2>Script Kiddies</h2>

    <div id="nama"></div>
    <div id="alamat"></div>

    <script>
        var nama = "Script Kiddies";
        var alamat = "Madiun";
        document.getElementById("nama").innerHTML = nama;
        document.getElementById("alamat").innerHTML = alamat;
    </script>

</body>
</html>

Seperti yang kita perhatikanpada syntax diatas. Saya membuat dua variabel yang saya beri nama "nama" dan "alamat" . Jangan lupa memberikan tanda titik koma atau semicolon(;) pada akhir baris variabel karena ini adalah ketetapan dari javascript

var nama = "Script Kiddies";
var alamat = "Madiun";

Dan kemudian saya menampilkan isi dari variabel kedalam element nama dan alamat

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

note :
document.getElementById() berguna untuk menentukan element ber id sesuai dengan yang didalam parameter fungsi. innerHTML untuk menerapkan syntax HTML

KESIMPULAN
Varianel adalah tempat untuk menyimpan data sementara dan isi dari variabel ini dapat kita ambil. Ada beberapa poin penting yang harus kita ketahui ketika menggunakan variabel pada javascript ini. Yaitu case sensitive kita harus memperhatikan antara besar dan kecil huruf yang kita buat, tidak boleh mengawali nama variabel dengan huruf, dll seperti yang saya jelaskan diatas

Referensi : Malas Ngoding

TUTORIAL BELAJAR JAVASCRIPT DASAR LAINYA