Pemilihan digunakan untuk melakukan memilih satu perintah atau blok perintah diantara sejumlah perintah atau blok perintah yang dapat dilakukan berdasarkan pemenuhan kondisi/syarat tertentu.
Sintaks/Struktur pemilihan :
1.If..then
2.If..then..else
3.Switch
Struktur Pemilihan :
1. Struktur IF :
If (kondisi)
Statement1;
Else statement2;
Atau
If (kondisi_1)
{Statement1;
Statement2;}
else if (kondisi_2)
statement3;
else
{statement4;
statement5;}
2. Struktur Switch
Switch (variabel) {
case nilai-1 : statement-1;break;
case nilai-2 : statement-2;break;
case nilai-3 : statement-3;break;
case nilai-4 : statement-4;break;
default :
statement;
}
Contoh Script ke-1 :
<html>
<head>
<title>Percabangan Pada JavaScript</title>
<head>
<body>
<script language=”JavaScript”>
var index;
nilai = 80;
if (nilai >= 85 && nilai <= 100){
index = “A”;
} else if (nilai >= 70){
index = “B”;
} else if (nilai >= 50){
index = “C”;
} else if (nilai >= 30){
index = “D”;
} else {
index = “E”;
}
document.write(“Nilai anda adalah : ” + nilai);
document.write(“<br />”);
document.write(“Dengan index : ” + index);
</script>
</body>
</html>
Contoh Script ke-2 :
<HTML>
<HEAD>
<TITLE>Validasi</h2></TITLE>
<script language=”javascript”>
function validasi(){
if (document.form.txtun.value.length<=0){
alert(“Username tidak boleh dikosongkan.”);}
else if (document.form.txtpass.value.length<=0){
alert(“Password harus diisi.”);}
else if (document.form.txtcmpass.value.length<=0){
alert(“confirm Password harus diisi.”);}
else if (document.form.txtpass.value != document.form.txtcmpass.value){
alert(“Password berbeda dengan Confirm Password”);}
else {
alert(“Anda berhasil melakukan registrasi”);}
}
</script>
</HEAD>
<BODY>
<h2 align=”Center”>Pendaftaran Akun</h2>
<form name=”form” align=”center”>
<PRE>
User name : <input type=”text” name=”txtun”>
Password : <input type=”text” name=”txtpass”>
Confirm Password : <input type=”text” name=”txtcmpass”>
<br>
<input type=”button” value=”Buat Akun” name=”btnbuat” onClick=”validasi()”><input type=”reset” value=”Ulang”>
</form>
</BODY>
</HTML>
Contoh Script ke-3 :
<HTML>
<HEAD>
<TITLE>Validasi</h2></TITLE>
<script language=”javascript”>
function validasi(){
var str, error;
str=””;
error=0;
if (document.form.txtun.value.length<=0){
str += “-Username belum anda isi.\n”;
error++;}
if (document.form.txtpass.value.length<=0){
str += “-Password belum anda isi.\n”;
error++;}
if (document.form.txtcmpass.value.length<=0){
str += “-Confirm Password belum anda isi.”;
error++;}
if (error>0){
alert (“Pada Program Anda terdapat kelasalah berupa : \n”+str);}
if (document.form.txtpass.value != document.form.txtcmpass.value){
alert(“Password berbeda dengan Confirm Password”);}
else {alert(“Anda berhasil melakukan registrasi”);}
}
</script>
</HEAD>
<BODY>
<h2 align=”Center”>Pendaftaran Akun</h2>
<form name=”form” align=”center”>
<PRE>
User name : <input type=”text” name=”txtun”>
Password : <input type=”text” name=”txtpass”>
Confirm Password : <input type=”text” name=”txtcmpass”>
<br>
<input type=”button” value=”Buat Akun” name=”btnbuat” onClick=”validasi()”><input type=”reset” value=”Ulang”>
</form>
</BODY>
</HTML>
Contoh Script ke-4 :
<HTML>
<HEAD>
<TITLE>Latihan</TITLE>
<script language=”javascript”>
function dis_brg(nil){
var pot1;
switch (nil){
case “sembako” : pot1=0.15document.form.in_harga.value;break;
case “perkakas” : pot1=0.05document.form.in_harga.value;break;
case “diterjen” : pot1=0.02*document.form.in_harga.value;break;
}//akhir switch
document.form.out_dis_brg.value=pot1;
}//akhir function pertama
function dis_bayar(pil){
var pot2;
if (pil==”tunai”)
pot2=0.1document.form.in_harga.value;
else pot2=0.3document.form.in_harga.value;
//akhir if
document.form.out_dis_bayar.value=pot2;
}//akhir function kedua
</script>
</HEAD>
<BODY>
<h2 align=”center”>TRANSAKSI BARANG</h2>
<hr>
<form name=”form”>
<PRE>
Kode : <input type=”text” size=”5″ name=”in_kode”>
Barang : <input type=”text” size=”30″ name=”in_barang”>
Harga Rp <input type=”text” size=”10″ name=”in_harga”>
Jenis : <select name=”in_jenis” size=”1″ onChange=”dis_brg(value)”>
<option value=”sembako”>Sembako</option>
<option value=”perkakas”>Perkakas</option>
<option value=”diterjen”>Diterjen</option>
</select>
Cara Pembayaran : <select name=”in_pembayaran” size=”1″ onChange=”dis_bayar(value)”>
<option value=”tunai”>Tunai</option>
<option value=”kredit”>Kredit</option>
</select>
<hr>
<input type=”reset” value=”Ulang”>
<hr>
<b>Program Diskon :</b>
Diskon Barang Rp <input type=”text” size=”10″ name=”out_dis_brg”>
Diskon Pembayaran Rp <input type=”text” size=”10″ name=”out_dis_bayar”>
</form>
</BODY>
</HTML>