Belajar Variabel Pada JavaScript

lebakcyber.net – Belajar variabel pada JavaScript. Bukan cuma di PHP saja, pada bahasa pemrograman JavaScript juga memiliki variabel. Variabel pada JavaScript sendiri memiliki fungsi yang sama dengan bahasa pemrograman lainnya yaitu untuk menyimpan data yang sifatnya sementara.

Menuliskan Variabel di JavaScript

Dalam membuat sebuah variabel di JavaScript yang harus diperhatikan adalah semua pemberian nama variabel pada JavaScript tidak boleh menggunakan spasi dan juga harus diperhatikan penggunaan huruf besar atau kecilnya karena seperti yang sudah dijelaskan pada tutorial belajar JavaScript sebelumnya kalau JavaScript tersebut bersifat case sensitive.

Berikut ini adalaha bagaimana cara menuliskan variabel di JavaScript dengan benar :

Nama variabel di JavaScript harus diawali dengan huruf.
Nama variabel di JavaScript boleh menggunakan huruf, angka underscore ataupun tanda dollar.
Nama variabel di JavaScript tidak boleh menggunakan spasi.
Pemberian nama variabel di JavaScript harus diperhatikan penggunaan huruf besar atau kecilnya.
Penulisan variabel di JavaScript harus selalu diawali dengan syntax “var”.

Contoh Pembuatan Variabel di JavaScript

Sekarang kita akan mempraktekan bagaimana cara untuk membuat variabel di JavaScript, silahkan buat sebuah file html baru dengan nama index.html lalu masukan perintah seperti dibawah ini :

<!DOCTYPE html>
<html>
    <head>
        <title>Membuat Variabel di Javascript - lebakcyber.net</title>
 
    </head>
    <body>
        <h1>Cara Membuat Sebuah Variabel di Javascript</h1>
 
        <div id="nama"></div>	
        <div id="kelas"></div>
        <div id="no_hp"></div>
        <div id="alamat"></div>
        
        <script>
            var nama = "Firdan Ardiansyah";
            var kelas = "Jakarta";
            var no_hp = "08123456789";
            var alamat = "Jl. Cikuda Rangkasbitung Lebak Banten";

            document.getElementById("nama").innerHTML = nama;
            document.getElementById("kelas").innerHTML = kelas;
            document.getElementById("no_hp").innerHTML = no_hp;
            document.getElementById("alamat").innerHTML = alamat;
        </script>
    </body>
</html>

Pada perintah diatas yang kita buat bisa kita lihat kalau kita membuat 4 buah variabel pada JavaScript, yaitu variabel dengan nama nama, kelas, no_hp dan juga alamat seperti dibawah ini :

var nama = "Firdan Ardiansyah";
var kelas = "Jakarta";
var no_hp = "08123456789";
var alamat = "Jl. Cikuda Rangkasbitung Lebak Banten";

Selanjutnya untuk menampilkan isi dari variabel tersebut pada halaman web yang kita buat, kita menggunakan perintah seperti dibawah ini :

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

Nanti hasilnya akan seperti pada gambar dibawah ini :

Syntax dari document.getElementById() digunakan untuk menentukan element mana yang memiliki id yang sesuai dengan yang ada didalam parameter fungsi tersebut, dan selanjutnya syntax innerHTML digunakan untuk menerapkan syntax pada halaman html.

Oke jadi seperti itulah bagiamana cara membuat variabel di JavaScript, semoga tutorial sederhana ini dapat bermanfaat dan jangan lupa untuk terus berkunjung ke lebakcyber.net untuk mendapatkan tutorial belajar JavaScript selanjutnya ya.

Lebak Cyber Tips dan Trik Komputer

Belajar Variabel Pada JavaScript