BELAJAR JAVASCRIPT (LEARNING BY DOING) BAG III

Operator dalam Javascript

  1. Operator Aritmatik

Operator aritmatik digunakan untuk menjalankan operasi matematik diantara nilai nilai yang ada pada setiap variable. Adapun operator aritmatik yang dapat digunakan seperti pada table 1

 

operator deskripsi
+ pertambahan
pengurangan
* perkalian
/ pembagian
% Sisa dari pembagian
++ Increment + 1
Increment – 1

Tabel 1

 

Mari kita buat aplikasinya sesuai teori diatas. Seperti biasa buatlah file baru kali ini dengan nama operatoraritmatik.html. setelah itu ketikan kode dibawah ini:

<html>
	<body>
		<script type="text/javascript">
			var a= 5;
			var b= 10;
			var pertambahan = a + b;
			var pengurangan = b - a;
			var perkalian = a * b;
			var pembagian = b/a;
			document.write("hasil pertambahan = "+pertambahan+"<br>");
			document.write("hasil pengurangan = "+pengurangan+"<br>");
			document.write("hasil perkalian = "+perkalian+"<br>");
			document.write("hasil pembagian = "+pembagian+"<br>");
		</script>
	</body>
</html>

 

Setelah itu save file tersebut. Kemudian run pada web browser yang ada pada computer kita. Maka hasilnya akan seperti gambar 3.

gambar 3

Gambar 3

  1. Operator pembanding

Operator pembanding digunakan untuk menentukan kondisi yang diinginkan, contohnya membandingkan diantara dua variable

operator deskripsi
== Sama dengan
!= Tadak sama dengan
> Lebih besar
< Lebih kecil
>= lebih besar sama dengan
<= Lebih kecil sama dengan

Table 2

Contoh aplikasi operator pembanding akan kita praktikan pada saat sudah sampai ke bab if … else 😀

  1. Operator logika
operator deskripsi
&& dan
|| atau
! tidak

Table 3

Contoh aplikasi operator logika akan kita praktikan pada saat sudah sampai ke bab if … else 😀

Pemilihan

Kondisi yang akan ada dalam sebuah kasus pastinya akan berbeda-beda, dan tentunya ada kondisi yang harus dipilih dari beberapa pilihan (pemilihan). Dalam javascript untuk menambahkan pemilihan statement terhadap kondisi ada If statement, if .. else statement, if .. else if .. else statement dan switch statement.

Baiklah mari kita buat aplikasi dari teori pemilihan. Ada sebuah variable bernama x yang memiliki nilai 4, maka akan ditampilkan tulisan “x kurang dari 5” dan variable y bernilai 7 maka akan ditampilkan tulisan “y lebih dari 5”.

Seperti biasa buatlah file dengan nama pemilihan.html. dan ketiklah code dibawah ini:

<html>
	<body>
		<script type="text/javascript">
			var x = 4;
			var y = 7;
			//menggunakan if statement
			if(x<=5){//menggunakan operator pembanding
				document.write("x kurang dari 5 <br>");
			}
			
			if(y>=5){//menggunakan operator pembanding
				document.write("y lebih dari 5 <br><br>");
			}
			
		</script>
	</body>
</html>

Setelah itu save file dan jalankan pada web browser yang ada pada computer kita, maka hasilnya akan seperti gambar 4

gambar 4

 

Gambar 4

Contoh lain dari kasus pemilihan . terdapat variable a yang bernilai 3 dan b bernilai 5 setelah itu akan ditampilkan informasi bahwa x dan y kurang dari 10. Baiklah tambahkan code berikut pada file pemilihan.html tadi, sehingga menjadi seperti ini:

<html>
	<body>
		<script type="text/javascript">
			var x = 4;
			var y = 7;
			//menggunakan if statement
			if(x<=5){//menggunakan operator pembanding
				document.write("x kurang dari 5 <br>");
			}
			
			if(y>=5){//menggunakan operator pembanding
				document.write("y lebih dari 5 <br><br>");
			}
			
			var a = 3;
			var b = 5;
			//..menggunakan if ... else if ... else statement
			if(a>10 && b>10){//penggunaan operator logika dan (&&)
				document.write("a dan b lebih dari 10<br>");
			}
			else if(a<10 && b<10){ //penggunaan operator logika dan (&&)
				document.write("a dan b kurang dari 10<br>");
			}else{
				document.write("kondisi yang lainnya");
			}
		</script>
	</body>
</html>


 

Simpan file tersebut. Maka hasilnya akan seperti gambar 5

gambar 5

Gambar 5

bagian III selesai :D. tunggu bagian IV nya 😀

Iklan

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s