1. If-Else
<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 harus memasukkan Angka");
}
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>Bilangan Negatif, Nol, Atau Positif?</h2>
Masukkan Bilangan : <br>
<input type="text" name="bilangan">
<p><input type="button" value="Tanya" onClick="tanyabilangan()">
<input type="reset" value="Ulang"></p>
</form>
</body>
</html>
2. IF-ELSE Majemuk
<html>
<head><title>Percabangan IF-ELSE Majemuk</title>
<SCRIPT language="JavaScript">
function hitungip() {
var quis = parseFloat(document.fform.iquis.value);
var tugas = parseFloat(document.fform.itugas.value);
var uts = parseFloat(document.fform.iuts.value);
var uas = parseFloat(document.fform.iuas.value);
var na = (0.10 * quis)+(0.20 * tugas)+(0.30 * uts)+(0.40 * uas);
if ((na >= 80) && (na <=100)) {
ip = "A";
ket = "Lulus dengan Sangat Baik";
}
else if ((na > 68) && (na <80)) {
ip = "B";
ket = "Lulus dengan Baik";
}
else if ((na > 55) && (na <=68)) {
ip = "C";
ket = "Lulus dengan Cukup";
}
else if ((na > 38) && (na <=55)) {
ip ="D";
ket="Lulus dengan Kurang";
}
else {
ip = "E";
ket = "Tidak Lulus";
}
document.fform.oip.value=ip;
document.fform.oket.value=ket;
}
</SCRIPT></head>
<body><center>
<form name="fform">
<h2>Menghitung Indeks Nilai</h2>
<table border="1" width="500" cellpadding="3">
<tr><td width="25%">Quis (10%):</td>
<td width="25%">Tugas 20%):</td>
<td width="25%">UTS (30%):</td>
<td width="25%">UAS (40%):</td>
</tr>
<tr><td><input type="text" size="10" name="iquis"> </td>
<td><input type="text" size="10" name="itugas"> </td>
<td><input type="text" size="10" name="iuts"> </td>
<td><input type="text" size="10" name="iuas"> </td>
</tr>
<tr><td colspan="4" align="center">
<input type="button" value="Hitung" onClick="hitungip()">
<input type="reset" value="Ulang"></td>
</tr>
<tr><td colspan="4" align="center">
Indeks Nilai : <input type="text" size="10" name="oip">
Keterangan : <input type="text" size="30" name="oket"></td>
</tr></table>
</form></center>
</body>
</html>
3. IF-ELSE Travel
<html>
<head><title>IF-ELSE Travel</title>
<SCRIPT language="JavaScript">
function hitungtotal() {
var nama = (document.fform.nama.value);
var tujuan = (document.fform.tujuan.value);
var jumlah = parseInt(document.fform.jumlah.value);
/* Bagian Proses */
if (tujuan=="Jakarta") {
harga = 100000;
} else if (tujuan=="Cirebon") {
harga = 150000;
} else if (tujuan=="Tasikmalaya") {
harga = 200000;
} else {
harga = 0;
}
subtotal = jumlah * harga;
if (document.fform.member.checked==true) {
diskon = 0.10 * subtotal;
} else {
diskon = 0.0;
}
total = subtotal - diskon;
document.fform.otiket.value = eval(harga);
document.fform.osub.value = eval(subtotal);
document.fform.odiskon.value = eval(diskon);
document.fform.ototal.value = eval(total);
}
</SCRIPT></head>
<body>
<center><form name="fform">
<h2>Travel Rekreasi Selalu</h2>
<table width="400" border="1" cellpadding="3">
<tr><td>Nama</td>
<td>: <input type="text" name="nama"></td></tr>
<tr><td>Tujuan</td>
<td>: <select name="tujuan">
<option value="">(Pilih Tujuan)</option>
<option value="Jakarta">Jakarta</option>
<option value="Cirebon">Cirebon</option>
<option value="Tasikmalaya">Tasikmalaya</option>
</select></td></tr>
<tr><td>Jumlah Tiket</td>
<td>: <input type="text" name="jumlah"></td></tr>
<tr><td>Member</td>
<td>: <input type="checkbox" name="member">Ya</td></tr>
<tr><td colspan="2" align="center">
<input type="button" value="Hitung" onClick="hitungtotal()">
<input type="reset" value="Ulang"></td></tr>
<tr><td>Harga Tiket</td>
<td>: <input type="text" name="otiket"></td></tr>
<tr><td>Sub Total</td>
<td>: <input type="text" name="osub"></td></tr>
<tr><td>Diskon</td>
<td>: <input type="text" name="odiskon"></td></tr>
<tr><td>Total Bayar</td>
<td>: <input type="text" name="ototal"></td></tr>
</table></form></center>
</body>
</html>
B. Contoh Switch
Percabangan Switch
<html>
<head><title>Percabangan Switch</title></head>
<body>
<SCRIPT language="JavaScript">
<!--
function tanyabulan() {
var bulan = parseFloat(document.fform.ibulan.value);
var namabulan=" ";
switch (bulan) {
case 1 : namabulan="Bulan ke 1 adalah = Januari";break;
case 2 : namabulan="Bulan ke 2 adalah = Februari";break;
case 3 : namabulan="Bulan ke 3 adalah = Maret";break;
case 4 : namabulan="Bulan ke 4 adalah = April";break;
case 5 : namabulan="Bulan ke 5 adalah = Mei";break;
case 6 : namabulan="Bulan ke 6 adalah = Juni";break;
case 7 : namabulan="Bulan ke 7 adalah = Juli";break;
case 8 : namabulan="Bulan ke 8 adalah = Agustus";break;
case 9 : namabulan="Bulan ke 9 adalah = September";break;
case 10 : namabulan="Bulan ke 10 adalah = Oktober";break;
case 11 : namabulan="Bulan ke 11 adalah = November";break;
case 12 : namabulan="Bulan ke 12 adalah = Desember";break;
default : namabulan="Maaf Gak ada Bulan Mas Segitu";
}
alert(namabulan);
}
//--></SCRIPT>
<form name="fform">
<h2>Penggunaan Percabangan Switch</h2>
Masukkan Nomor Bulan [1-12] :
<input type="text" name="ibulan">
<p><input type="button" value="Proses" onClick="tanyabulan()">
<input type="reset" value="Ulang"></p>
</form>
</body>
</html>
C. Contoh Looping
1. For
<html>
<head><title>Perulangan FOR</title>
<script language="JavaScript">
document.writeln("<h2>Latihan Perulangan For</h2>");
for (i=1; i<=5; i++) {
document.write("UNPUR<br>");
}
</script>
</head>
</html>
2. While
<html>
<head><title>while </title>
</head>
<body>
<SCRIPT language="JavaScript">
document.writeln("<h2>LATIHAN WHILE</h2>");
jumlah = 0;
kali = 1;
i=1;
while (i<=9){
document.write(i+" ");
i=i+2;
jumlah = jumlah + i;
kali = kali * i;
}
document.write("<br>Total Jumlah = "+jumlah);
document.write("<br>Total Kali = "+kali);
</script>
</body>
</html>
C. Contoh Looping
1. For
<html>
<head><title>Perulangan FOR</title>
<script language="JavaScript">
document.writeln("<h2>Latihan Perulangan For</h2>");
for (i=1; i<=5; i++) {
document.write("UNPUR<br>");
}
</script>
</head>
</html>
2. While
<html>
<head><title>while </title>
</head>
<body>
<SCRIPT language="JavaScript">
document.writeln("<h2>LATIHAN WHILE</h2>");
jumlah = 0;
kali = 1;
i=1;
while (i<=9){
document.write(i+" ");
i=i+2;
jumlah = jumlah + i;
kali = kali * i;
}
document.write("<br>Total Jumlah = "+jumlah);
document.write("<br>Total Kali = "+kali);
</script>
</body>
</html>
