js

Percabangan pada Javascript

Pada tutorial hari ini adalah mengenai tentang percabangan pada javascript, percabangan yang mau kita bahas pada tutorial kali ini adalah percabangan yang ada pada umumnya yaitu if-else dan switch. Percabangan merupakan operator atau kode yang membuat suatu halaman yang dinamis dan lebih bagus, percabangan halaman web membutuhkan perintah – perintah yang dapat mengatur aliran dari informasi. Berdasarkan hasil komputasi yang telah dilakukan, Javascript akan membuat keputusan jalur mana yang akan dieksekusi.

1. If -else

Pernyataan ini digunakan untuk menguji sebuah kondisi dan kemudian mengeksekusi pernyataan tertentu bila kondisi tersebut terpenuhi, dan mengeksekusi pernyataan lain bila kondisi tersebut terpenuhi.

if (kondisi)
{
   //pernyataan1 dieksekusi
   //bila kondisi terpenuhi
}
else
{
   //pernyataan2 dieksekusi
   //bila kondisi tidak terpenuhi
}

 

Kondisi adalah ekspresi JavaScript yang mana hasil evaluasinya memiliki nilai boolean true atau false.

Utuk kasus yang melibatkan lebih banyak kondisi, maka kita dapat meletakkan pernyataan if lain setelah else.

if (kondisi1)
{
   //pernyataan1 dieksekusi
   //bila kondisi1 terpenuhi
}
else if (kondisi2)
{
   //pernyataan2 dieksekusi
   //bila kodisi1 tidak terpenuhi
}
else
{
   //pernyataan3 dieksekusi
   //bila kodisi2 tidak terpenuhi
}

 

Contoh program javascript

<html>
<head>
<title>Percabangan if-else</title>
</head>
<body>
<script language="JavaScript">
<!--
function tanyabilangan()
{
var bil = parseFloat(document.fform.bilangan.value);
var jenis = " ";
if(isNaN(bil))
{
alert("Anda Belum memasukkan Bilangan");
}
else
{
if (bil > 0)
{
jenis = " Adalah bilangan Positif";
}
else if (bil < 0)
{
jenis = " Adalah bilangan Negatif";
}
else
{
jenis = " Adalah Nol";
}
alert (bil+" "+jenis);
}
}
//--></script>
<form name ="fform">
<H2><BR>Bilangan Negatif, Nol, Atau Positif ???</H2>
Masukkan Bilangan  :<input type="text" size="11" name="bilangan">
<P>
<input type="button" value="Tanya" onclick="tanyabilangan()">
<input type="reset" value="Ulang"> </p>
</form>
</body>
</html>

Kode tersebut akan menampilkan seperti pada gambar di bawah ini.

1

 

Pada gambar tersebut menanyakan  apakah bilangan 10000, bilangan negatif, nol, atau positif. Jika anda menekan tombol tanya, maka akan menampilkan tampilan seperti pada gambar dibawah ini.

2

 

Penutup

Tampilan tersebut menampilkan bahwa bilangan 10000, adalah bilangan genap.

Itulah sedikit penjelasan pada tutorial kali ini, dalam sebuah kode javascript salah sedikit kode saja, tidak akan bisa tampil.

One comment on “Percabangan pada Javascript

Leave a Reply