Memahami Dasar Pemrograman Web Klien

1. Nama variabel harus dimulai oleh satu huruf (huruf besar maupun huruf kecil) atau satu karakter _ (garis bawah).
2. Nama variabel bisa terdiri dari kombinasi huruf, angka atau karakter _ dan $ (spasi kosong tidak diperbolehkan).
3. Nama variabel tidak boleh memakai nama-nama yang termasuk ke dalam kata kunci bahasa Javascript.

abstract	contonue	final	instanceof	protected	throw
boolean	debugger	finally	int	public	throws
break	default	float	interface	return	transient
byte	delete	for	let	short	try
case	do	function	long	static	typeof
catch	double	goto	native	super	var
car	enum	if	new	switch	void
class	export	implements	package	synchronized	violatile
const	extends	imprt	private	this	while
with			yield

Berikut ini adalah contoh pemberian nama variabel yang benar dan tidak benar:

Nama variabel yang benar	Nama variabel yang tidak benar
umur	Nama Lengkap (ada spasi kosong)
namaLengkap	7ruangan (dimulai dengan angka
luas_lingkaran	email@website.com (ada karakter@)
jari2	top-level-domain (ada karakter -)
_7an	function (kata kunci javascript
$biaya	default (kata kunci javascript)

1. Camel Case, dengan teknik untuk nama variabel yang lebih dari satu kata akan digabungkan tanpa garis bawah dan setiap huruf pertama dari tiap kata dituliskan dalam huruf kapital. Sedangkan untuk huruf pertama dari kata pertama dapat juga ditulisakan menggunakan huruf kecil. Contoh: AsalSekolah, SuhuUdara, luasPersegiPanjang, namaLengkap, dan sebagainya.
2. Notasi Hungaria, disini diawal dari nama variabel akan ditambahkan tipe data yang ditampungnya, seterusnya dapat menggunakan notasi camel case. Contoh: stringNamaLengkap (atau lebih pendek, strNamaLengkap, string menunjukkan variabel ini berisi data alfanumerik), intUmur (int menunjukkan variabel ini menyimpan bilangan bulat), dan sebagainya.
3. Selain dengan camel case, variabel dengan nama lebih dari satu kata dapat juga dibuat dengan menambahkan garis bawah sebagai penghubung antar katanya. Contoh: asal_sekolah, luas_persegi, nama_lengkap, dan sebagainya.

B. Pembuatan Variabel

var nama_variabel_nya ; atau, dengan tambahan inisialisasi : var nama_variabel = nilai ;
atau untuk deklarasi variabel lebih dari satu dalam satu baris perintah : var nama_variabel1, nama_variabel3 = nilai_var_3, …, nama_variabelN ;
contoh :
var umur;
var panjang = 23;
var alas, tinggi;
<script language="javascript">
var nilai;
var nilai2 = 3;
nilai = 2;
document.write(nilai * nilai2);
</script>

C. Tipe Data
Di javascript data yang dapat disimpan dalam suatu variabel dikelompokkan menjadi tiga jenis, yaitu :

1. Bilangan/numerik, bulat atau desimal, yang kita sebut sebagai integer atau float
2. Kata/kalimat (kumpulan huruf/karakter) : kita sebut string
3. Boolean : suatu variabel yang mempunyai dua nilai dan berfungsi untuk memeriksa suatu kondisi :- true : jika kondisinya benar dan - false : jika kondisinya salah

D. Integer Bilangan Bulat
Pada bilangan bulat dapat ditampilkan dalam beberapa basis berikut ini :

1. Basis desimal, integer di tuliskan dalam urutan unit bilangan (dari 0 sampai dengan 9), permulaan bilangan tidak boleh dimulai oleh angka 0.
2. Basis heksadesimal, dituliskan dalam urutan unit bilangan dari 0 sampai dengan 9 atau urutan huruf dari A sampai dengan F (atau a sampai dengan f), permulaan bilangan dimulai oleh 0x atau 0X.
3. Basis oktal, dituliskan dalam urutan unit angka dari 0 sampai dengan 7, permulaan bilangan dimulai dengan angka 0.

E. Float (Bilangan Desimal)
Bilangan desimal biasa disebut juga sebagai bilangan pecahan atau bilangan yang dapat dituliskan menggunakan tanda koma. Bilangan ini juga bisa di tuliskan dengan beberapa cara berikut :

1. Bilangan bulat desimal : 895
2. Bilangan dengan tanda koma : 895,12
3. Bilangan pembagian : 27/11
4. Bilangan eksponensial : bilangan dengan tanda koma, kemudian diikuti oleh huruf e (atau E), kemudian diikuti oleh bilangan bulat yang artinya pangkat dari bilangan 10 (+ atau -, pangkat postitif atau negatif),

F. Sring
var a = "Hallo";
var b = 'Sampai Ketemu Lagi !';

Contoh yang tidak sesuai, berikut ini :
var a = ‘Hallo”;;
var v = “Sampai Ketemu Lagi !';;

1. \n: kembali ke baris awal
2. \r: menekan tombol ENTER
3. \t: tab
4. \": tanda petik ganda
5. \': tanda petik tunggal
6. \\: karakter antislash

G. Boolean
Boolean adalah satu variabel khusus yang berguna untuk mengevaluasi suatu kondisi tertentu, oleh karenanya boolean mempunyai dua nilai : True : diwakili oleh nilai 1 dan False : diwakili oleh nilai 0

H. Konversi Jenis Variabel

Fungsi parseInt()


Berikut ini salah satu contoh penggunaan fungsi parseInt() :
var a = "123";
var b = "456";
document.write(a+b + "<BR>"); // hasil 123456
document.write(parseInt(a)+parseInt(b) + "<BR>"); // hasil 579

Contoh	Hasil
parseInt("128.34");	128
parseInt("12.3E-6");	12
parseInt("Halo");	NaN
parseInt("24Halo38");	28
parseInt("0xAB882F",16);	11241519
parseInt("00100110",16);	1048848

Fungsi parseFloat()

Contoh	Hasil
parseFloat("128.34");	128.34
parseFloat("128,34");	128
parseFloat("12.3E-6");	0.0000123
parseFloat("Halo");	NaN
parseFloat("0284");	284
parseFloat("0xAB882F");	11241519

I. Operator

1. Operator Perhitungan

Operator	Fungsi	Contoh	Hasil y ( x bernilai 7)
+	Menjumlahkan dua nilai	y = x + 3	10
-	Mengurangi nilai suatu variabel dengan nilai lain	y = x - 3	4
*	Mengalikan dua bilangan	y = x * 3	21
/	Membangi nilai suatu variabel dengan nilai lainnya	y = x / 3	2.333
=	Memberikan suatu nilai terhadap variabel dikiri operator ini	y = 7	7
%	Mencari sisa hasil bagi daru dua nilai	y = x % 3	1
+=	Menjumlahkan nilai variabel dengan nilai tertentu dan hasilnya disimpan di variabel yang sama	x += 3	10
-=, *=, /=	Memiliki prinsip yang sama dengan operator +=	x -= 3 x *= 3 x /= 3	4 21 2.333
++, --;	Digunakan untuk menambahkan atau mengurangi 1 nilai suatu variable	x++ x--	8 6

Operator Logika (Boolean)
Operator jenis ini memungkinkan kita untuk memverifikasi apakah beberapa kondisi sudah benar

Operator	Fungsi	Contoh	Hasil y ( x bernilai 7)
==	Membandingkan nilai di kiri dan kanan operator ini	x == 7	true, jika x bernilai 7 false,  jika x bernilai bukan 7
===	Sama dengan ==, tambahannya untukmenyamakan tipe datanya juga	x === “7”	true, jika x juga adalah string bukan integer dan nilainya 7.
!=	Mengetahui apakah dua nilai tidak sama	x != 7	true, jika nilai x bukan 7 false, jika nilai x adalah 7
!==	Mencari ketidaksamaan nilai dan tipe datanya	x !== “7”	true, jika nilai bukan 7 dan x bukan string false, jika nilai x adalah 7 dan x adalah string
<	Membandingkan apakah bilangan yang di kiri lebih kecil dari yang di kanan operator	x < 7	true, jika x lebih kecil dari 7 false, jika x lebih besar atau sama dengan 7
<=	Membandingkan apakah bilangan yang di kiri lebih kecil atau sama dengan yang di kanan	x <= 7	true, jika x lebih kecil atau sama dengan 7 false, jika x lebih besar dari 7
||	Logika OR untuk dua kondisi yang diberikan	x > 7 || x == 7	true, jika nilai x lebih besar dari 7 ATAU x samadengan 7false, jika nilai x tidak lebih besar dari 7 dan nilai x tidak sama dengan 7
&&	Logika AND	x > 7 && x < 10	true, jika nilai x lebih besar dari 7 DAN x lebih kecil dari 10false, jika nilai x tidak lebih besar dari 7 ATAU x tidaklebih kecil dari 10
>, >=	Prinsipnya kebalikan dari operator < dan <=	-	-
!	Logika NOT, membalikan nilai boolean suatu variable	!(x == 7)	true, jika nilai x tidak sama dengan 7 false, jika nilai x adalah 7

Operator String
Operator + pada data berjenis string digunakan untuk menggabungkan dua variabel/nilaistring. Perlu dicatat juga bahwa var tes ='a'+'b' adalah sama dengan var tes ='ab'.
Contoh :
var tes ='a';
var tes2 = tes +'b'; //hasilnya: tes2 akan bernilai string “ab”

Prioritas