Algoritma IIAlgoritma IIEma Maliachi,S.Kom

Variabel Java scriptVariabel Java script

Pertemuan ke-2

Variabel Dalam JavaScript

Variabel adalah tempat dimana kita menyimpan nilai-nilaiatau suatu informasi pada JavaScript. Variabel yangdideklarasikan dapat di isi dengan nilai apa saja. DalamJavaScript pendeklarasian sebuah variabel sifatnya opsional,artinya anda boleh mendeklarasikan atau tidak hal tersebuttidak menjadi masalah. Jika anda memberi nilai padavariabel, maka dalam JavaScript dianggap bahwa anda telahmendeklarasikan variabel tersebut.

Aturan penamaan variabel : Harus diawalai dengan karakter (huruf atau baris bawah) Tidak boleh menggunakan spasi Huruf Kapital dan kecil memiliki arti yang berbeda Tidak boleh menggunakan kata-kata yang merupakan

perintah dalam JavaScript.

Variabel adalah tempat dimana kita menyimpan nilai-nilaiatau suatu informasi pada JavaScript. Variabel yangdideklarasikan dapat di isi dengan nilai apa saja. DalamJavaScript pendeklarasian sebuah variabel sifatnya opsional,artinya anda boleh mendeklarasikan atau tidak hal tersebuttidak menjadi masalah. Jika anda memberi nilai padavariabel, maka dalam JavaScript dianggap bahwa anda telahmendeklarasikan variabel tersebut.

Aturan penamaan variabel : Harus diawalai dengan karakter (huruf atau baris bawah) Tidak boleh menggunakan spasi Huruf Kapital dan kecil memiliki arti yang berbeda Tidak boleh menggunakan kata-kata yang merupakan

perintah dalam JavaScript.

Ema Maliachi,S.Kom

Deklarasi Variabel

Varnama_variabel = nilai

AtauNama_variabel = nilai

Contoh :

Var nama; Nama = ”Bunga Lestari”var X = 1998; X = 1990;var Y; Y = 08170223513

Varnama_variabel = nilai

AtauNama_variabel = nilai

Contoh :

Var nama; Nama = ”Bunga Lestari”var X = 1998; X = 1990;var Y; Y = 08170223513

Ema Maliachi,S.Kom

Tipe Data

Tidak seperti bahasa pemrograman lainnya, JavaScript tidakmemiliki tipe data secara explisit. Hal ini dapat dilihat daribeberapa contoh variabel diatas. Anda mendeklarasikanvariabel tapi tidak menentukan tipenya. Meskipun JavaScripttidak memiliki tipe data secara explisit. JavaScriptmempunyai tipe data implisit. Terdapat empat macam tipedata implisit yang dimiliki olehJavaScript yaitu :

1. Numerik, seperti : 0222532531, 1000, 45, 3.146789 dsb2. String, seperti : “Hallo”, “April”, “Jl. Setiabudi No 17A”,

“Cece Kirani” dsb3. Boolean, bernilai true atau false4. Null, variabel yang tidak diinisilisasi

Tidak seperti bahasa pemrograman lainnya, JavaScript tidakmemiliki tipe data secara explisit. Hal ini dapat dilihat daribeberapa contoh variabel diatas. Anda mendeklarasikanvariabel tapi tidak menentukan tipenya. Meskipun JavaScripttidak memiliki tipe data secara explisit. JavaScriptmempunyai tipe data implisit. Terdapat empat macam tipedata implisit yang dimiliki olehJavaScript yaitu :

1. Numerik, seperti : 0222532531, 1000, 45, 3.146789 dsb2. String, seperti : “Hallo”, “April”, “Jl. Setiabudi No 17A”,

“Cece Kirani” dsb3. Boolean, bernilai true atau false4. Null, variabel yang tidak diinisilisasi

Ema Maliachi,S.Kom

Pada dasarnya JavaScript hanya mengenal dua macam tipe numerik, yaitubilanganbulat (integer) dan bilangan pecahan(real/float). Untuk bilangan bulat, kita dapatmerepresentasikan dengan basis desimal, oktal atau heksadesimal.Contoh :

var A = 100;var B = 0x2F;untuk pendeklarasian tipe bilangan real, dapat menggunakan tanda titik ataunotasiilmiah (notasi E).Contoh :var a = 3.14533567;var b = 1.23456E+3;

Tipe Numerik

Ema Maliachi,S.Kom

var A = 100;var B = 0x2F;untuk pendeklarasian tipe bilangan real, dapat menggunakan tanda titik ataunotasiilmiah (notasi E).Contoh :var a = 3.14533567;var b = 1.23456E+3;

Tipe Data

1. StringUntuk mendeklarasikan tipe string dapat dilakukan dengan cara menuliskanstring diantara tanda petik tunggal (’) atau tanda petik ganda (”)Contoh :var str =’Contoh deklarasi string’;var str1 = ”cara ini juga bisa untuk menulis string”;

Ema Maliachi,S.Kom

Tipe boolean hanya mempunyai nilai True atau False. Tipe ini biasanyadigunakan untuk mengecek suatu kondisi atau keadaan.Contoh :var X = (Y > 90);contoh diatas menunjukkan bahwa jika Y lebih besar dari 90 maka X akanbernilai True.

2. Boolean

Operator

a) Aritmatikab) Pemberian nilai (Assign)c) Pemanipulasian bit (bitwise)d) Pembandinge) Logikaf) String

a) Aritmatikab) Pemberian nilai (Assign)c) Pemanipulasian bit (bitwise)d) Pembandinge) Logikaf) String

Ema Maliachi,S.Kom

A. Operator Aritmatika

Digunakan untuk operan beripe numerik. Ada dua macam operator aritmatik, yaituoperator numerik tunggal dan operator aritmatik biner. Perbedaan kedua operatorterletak pada jumlah operan yang harus dioperasikan.

No. Operator Tunggal/Biner Keterangan

1 + Biner Penjumlahan

2 - Biner Pengurangan

Ema Maliachi,S.Kom

2 - Biner Pengurangan

3 * Biner Perkalian

4 / Biner Pembagian

5 % Biner Modulus

6 -- Tunggal Penambahan dengan Satu

7 ++ Tunggal Pengurangan dengan satu

B. Operator Pemberian Nilai

Digunakan untuk memberikan nilai ke suatu operanatau mengubah nilai suatu operan.

No. Operator Keterangan Contoh

Ekuivalen

1 = Sama dengan X=Y

2 += Ditambah dengan X+=Y X=X+Y2 += Ditambah dengan X+=Y X=X+Y

3 -= Dikurangi dengan X-=Y X=X-Y

4 *= Dikali dengan X*=Y X=X*Y

5 /= Dibagi dengan X/=Y X=X/Y

6 %= Modulus den X%=Y X=X%Y

7 &= Bit AND dengan X&Y X=X%Y

8 |= Bit OR X|=Y X=X|Y

Ema Maliachi,S.Kom

C. Operator Manipulasi Bit

No. Operator Keterangan

1 & Bit And

2 | Bit OR

Operasi ini berhubungan dengan pemanipulasian bit pada operan bertipe bilanganbulat.

3 ^ Bit XOR

4 ~ Bit NOT

5 << Geser ke Kiri

6 >> Geser ke Kanan

7 >>> Geser ke kanan dengan isi Nol

Ema Maliachi,S.Kom

d. Operator Pembanding

Digunakan untuk membandingkan dua buah operan.Operan yang dikenal operator ini dapat bertipestring, numerik, maupun ekspresi lain.

No. Operator Keterangan

1 == Sama Dengan1 == Sama Dengan

2 != Tidak sama dengan

3 > Lebih Besar

4 < Lebih Kecil

5 >= Lebih besar atau sama dengan

6 <= Lebih kecil atau sama dengan

Ema Maliachi,S.Kom

Contoh :var A = 12; // A = 1100bvar B = 10; // B = 1010bvar C = A & Bmaka akan dihasilkan bilangan seperti berikut :1100b1010b AND1000b

var A = 12;var C = A<< 2var D = A >> 1

maka variabel C akan bernilai 48(0011 0000b)variabel D akan bernilai 6 (0110b)

Contoh :var A = 12; // A = 1100bvar B = 10; // B = 1010bvar C = A & Bmaka akan dihasilkan bilangan seperti berikut :1100b1010b AND1000b

var A = 12;var C = A<< 2var D = A >> 1

maka variabel C akan bernilai 48(0011 0000b)variabel D akan bernilai 6 (0110b)

Ema Maliachi,S.Kom

Digunakan untuk mengoperasikan operan yangbertipe boolean.

e. Operator Logika

No. Operator Keterangan

1 && Operator Logika AND

2 || Operator Logika OR2 || Operator Logika OR

3 ! Operator Logika NOT

Contoh :var A = true;var B = false;var C = A && B; //menghasilkan falsevar D = A || B ; // falsevar E = !A; //false

Ema Maliachi,S.Kom

f. Operator String

Selain operator pembanding, operator string padaJavaScript juga mengenal satu operator lagi yangbernama PENGGABUNGAN. Operator inidigunakan untuk menggabungkan beberapa stringmenjadi sebuah string yang lebih panjang.

Contoh :nama = ”Java” + ”Script”;akan menghasilkan ”JavaScript” pada variabel nama

Selain operator pembanding, operator string padaJavaScript juga mengenal satu operator lagi yangbernama PENGGABUNGAN. Operator inidigunakan untuk menggabungkan beberapa stringmenjadi sebuah string yang lebih panjang.

Contoh :nama = ”Java” + ”Script”;akan menghasilkan ”JavaScript” pada variabel nama

Ema Maliachi,S.Kom

Contoh Program : 1

<HTML><HEAD><TITLE>Operasi Aritmatika</TITLE></HEAD><BODY><P><SCRIPT language="JavaScript"><!--document.writeln("<PRE>");document.writeln("<H1>Operasi Aritmatik</H1>");var A = "100";var B = "200";var C = 300;var D = 400;var E = A + B;document.writeln('"100" + "200" = ' + E);E = B + C;document.writeln('"200" + 300 = ' + E);E = C + D;document.writeln('300 + 400 = ' + E);document.writeln("<PRE>");//--></SCRIPT></P></BODY></HTML>

Ema Maliachi,S.Kom

<HTML><HEAD><TITLE>Operasi Aritmatika</TITLE></HEAD><BODY><P><SCRIPT language="JavaScript"><!--document.writeln("<PRE>");document.writeln("<H1>Operasi Aritmatik</H1>");var A = "100";var B = "200";var C = 300;var D = 400;var E = A + B;document.writeln('"100" + "200" = ' + E);E = B + C;document.writeln('"200" + 300 = ' + E);E = C + D;document.writeln('300 + 400 = ' + E);document.writeln("<PRE>");//--></SCRIPT></P></BODY></HTML>

Out Put : 1

Ema Maliachi,S.Kom

Contoh Program :2

<HTML><HEAD><TITLE>Memasukkan Bilangan</TITLE></HEAD><BODY><P><SCRIPT language="JavaScript"><!--function jumlah(){var bil1 = parseFloat(document.fform.bilangan1.value);if (isNaN (bil1))bil1=0.0;

var bil2 = parseFloat(document.fform.bilangan2.value);if (isNaN (bil2))bil2=0.0;

var hasil = bil1 + bil2;alert ("Hasil Penjumlahan = " + hasil);}//--></SCRIPT></P><FORM NAME ="fform"><H1><BR>Memasukkan Data Lewat Keyboard</H1><PRE>Bilangan Pertama :<input type="text" size="11" name="bilangan1">Bilangan Kedua :<input type="text" size="11" name="bilangan2"></PRE><P><INPUT TYPE="button" value="Jumlahkan" onclick="jumlah()"><INPUT TYPE="reset" value="Ulang"></FORM></BODY></HTML> Ema Maliachi,S.Kom

<HTML><HEAD><TITLE>Memasukkan Bilangan</TITLE></HEAD><BODY><P><SCRIPT language="JavaScript"><!--function jumlah(){var bil1 = parseFloat(document.fform.bilangan1.value);if (isNaN (bil1))bil1=0.0;

var bil2 = parseFloat(document.fform.bilangan2.value);if (isNaN (bil2))bil2=0.0;

var hasil = bil1 + bil2;alert ("Hasil Penjumlahan = " + hasil);}//--></SCRIPT></P><FORM NAME ="fform"><H1><BR>Memasukkan Data Lewat Keyboard</H1><PRE>Bilangan Pertama :<input type="text" size="11" name="bilangan1">Bilangan Kedua :<input type="text" size="11" name="bilangan2"></PRE><P><INPUT TYPE="button" value="Jumlahkan" onclick="jumlah()"><INPUT TYPE="reset" value="Ulang"></FORM></BODY></HTML>

Output Program 2

Ema Maliachi,S.Kom

Terima Kasih

Pertemuan ke-2

Terima Kasih