Membuat Variable Javascript

Tanggal : 06 Sep 2018, Category : Belajar JavaScript, Create By : admin

Dalam pemprograman destop maupun website pastinya kalian akan menemukan variable, variabel dalam bahasa pemprograman adalah sebuah angka, simbol atau huruf yang di gunakan untuk tempat penyimpanan data sementara, yang nantinya bisa di pake dengan memanggil nama variabel tersebut. Dalam pembuatan aplikasi berbasis wesbite variabel sangat di perlukan untuk membantu dalam menyimpan data, karena dengan variabel pembuatan aplikasi bisa lebih praktis.

Pembuatan Variabel JavaScript berbeda sedikit dengan variabel php, akan tetapi fungsi dan kegunaanya sama persis, dalam pembuatan variabel JavaScript memiliki dua sifat atau jangkauan yaitu variabel global dan variabel local, artinya adalah jika variabel global bisa di akses oleh semua function atau di luar function akan tetapi jika variabel local hanya bisa di akses oleh lingkup function dimana varibale itu di buat.

Dalam pembuatan variabel global maupun local sama - sama bisa di gunakan, tinggal di sesuaikan dengen kebutuhan pengambilan data dari variabel tersebut, jika variabel tersebut nantinya akan di ambil oleh function lain anda bisa gunakan variabel global dan sebaliknya, setelah penjelsan di atas sekarang kita akan mulai praktenya dan membuat script sederhana dalam pembuatan variabel javascript.

Membuat Variabel Local JavaScript

Yang pertama adalah kita akan mencoba membuat sebuah variabel local javascript, variabel ini hanya bisa di akses oleh function dimana varibale itu dibuat, berikut contoh scriptnya

<input type="button" onclick="getDataPertama()" value="Data Pertama" /><br />
<input type="button" onclick="getDataKedua()" value="Data Kedua" />

<script type="text/javascript">

function getDataPertama(){
var a = "Agus";
alert(a);
}

function getDataKedua(){
alert(a);
}

</script>

Dari script di atas kita akan mencoba membuat variabel local javascript, yang pertama adalah kita membuat tombol Data Pertama dimana tombol ini memanggil function getDataPertama didalamnya berisi variabel dengan data Agus, kemudian akan di tampilkan melalui alert javascript, berikut hasilnya.

Ketika kita memanggil function dimana variabel itu di buat maka alert akan sukses menampilkan data variabel tersebut, tetapi jika function kedua di panggil maka akan menghasilkan output sebagai berikut

Function kedua tidak bisa mengakses variabel dan menampilkan error a is not defined, seperti yang di jelaskan pertma kali jika membuat variabel local maka variabel tersebut hanya bisa di akses di mana variabel tersebut di buat.

Membuat Variabel Global JavaScript

Untuk kedua kita akan membuat variabel global javascript, yang akan bisa di akses oleh semua function yang ada di dalam satu file tersebut, sebenarnya dalam pembuatan variabel global dan variabel local perbedaannya hanya sedikit, mari kita simak scritp di bawah ini.

<input type="button" onclick="getDataPertama()" value="Data Pertama" /><br />
<input type="button" onclick="getDataKedua()" value="Data Kedua" />

<script type="text/javascript">

function getDataPertama(){
a = "Agus";
alert(a);
}

function getDataKedua(){
alert(a);
}

</script>

Kami masih memakai script yang sama hanya merubah sedikit scriptnya, coba kalian bandingkan dengan script pertama dan kedua, apa ada perbedaan, jika anda teliti maka anda akan menemukan perbedaan yaitu jika script pertama (variabel local) dalam membuat variabel menggunakan var dan script kedua (variabel global) dalam membuat variabel tidak menggunakan var, ya, di javascirpt dalam membuat variabel local dan variabel global hanya dengan tidak mengguanak var dalam pembuatannya. Mari kita coba dengan hasil outpunya.

Untuk function pertama sukses, dan function kedua hasilnya sebagi berikut

teryata berhasil juga, itulah cara membuat variabel global dalam javascript cukup simpel dalam pembuatanya, akan tetapi fungsi dan keguanaanya sangat besar dan di butuhkan oleh para programmer dalam membuat aplikasi.

Mungkin cukup sekian materi cara membuat variabel di javascript, jika ada pertanyaan dan masukan silahkan isi kolom komentar di bawah, semoga bermanfaat dan terimakasih, 

silahkan kunjungi artikel lainya.


Keyword:
  • membuat variable javaScript
  • variabel global javascript
  • variabel local javascript
  • variabel global
  • variabel local
  • javascript
  • variabel javascript

Artikel Lain

Membuat Selengkapnya Pada Artikel Berdasarkan Jumlah Kata

Date : 23 Jul 2018, Category : Tutorial, Create By : admin

Selamat datang di website gudangilmuaplikasi.com, kali ini kami akan membahas tutorial tentang membuat Membuat Selengkapnya Pada Artikel Berdasarkan Jumlah Kata, function tambahan untuk membantu kita dalam membuat daftar artikel, berita read .....

Mengenal Html Textarea

Date : 27 Aug 2018, Category : Belajar HTML, Create By : admin

Ketika anda mendaftar di sebuah situs sosial media atau situs pendaftran member anda pastinya di haruskan untuk mengisi formulir atau form input data, dan salah satunya ada yang menggunakan Textarea, apa itu Textarea?. Textarea adalah .....

Mengenal Fungsi Implode Php

Date : 04 Jan 2019, Category : Tutorial, Create By : admin

Selamat datang di gudang ilmu aplikasi, setelah kita membahas mengenai explode di artikel sebelumya kini kita akan membahas mengenai implode. Fungsi implode adalah fungsi kebalikanya dari fungsi explode, jika explode .....