MODUL 3
PRAKTIKUM APLIKASI
(JAVA SCRIPT)
OGI MUHAMAD RAMADHAN, [Link]
SMK KARTINI BATAM
Progdas (JavaScript) – Create by : Ogi Muhamad Ramadhan. [Link] Page 1
PERCABANGAN
4.1 Percabangan
Untuk membuat suatu halaman yang dinamis dan interaktif, perancang 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. Pada dasarnya dalam JavaScript terdapat dua macam
pernyataan percabangan yaitu if..else dan switch.
4.2 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 tidak terpenuhi.
if (kondisi)
{
//pernyataan1 dieksekusi
//bila kondisi terpenuhi
}
else
{
//pernyataan2 dieksekusi
//bila kodisi tidak terpenuhi
}
kondisi adalah ekspresi JavaScript yang mana hasil evaluasinya memiliki nilai
Boolean true atau false Untuk 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
}
Progdas (JavaScript) – Create by : Ogi Muhamad Ramadhan. [Link] Page 2
Contoh Program JavaScript
Progdas (JavaScript) – Create by : Ogi Muhamad Ramadhan. [Link] Page 3
4.3 Contoh Kasus
Perusahaan Travel ”Bintang Abadi” mempunyai armada dengan tujuan :
Tujuan Harga Tiket
Jakarta 100000
Cirebon 150000
Tasikmalaya 200000
Apabila seorang pemesan sudah menjadi anggota/member Travel Bintang Abadi maka akan
mendapatkan diskon 10 %.
Subtotal : Harga tiket X Jumlah tiket
Diskon : 0.10 X Subtotal
Total : Subtotal - Diskon
Buat Program dengan menggunakan Javascript untuk menyelesaikan masalah tersebut.
Dengan ketentuan sebagai berikut :
Progdas (JavaScript) – Create by : Ogi Muhamad Ramadhan. [Link] Page 4
Input : Nama pemesan Output : Harga Tiket
Tujuan Sub Total
Jumlah Tiket Diskon
Member Total Bayar
Contoh Program JavaScript
Sambung ke bawah !
Progdas (JavaScript) – Create by : Ogi Muhamad Ramadhan. [Link] Page 5
Progdas (JavaScript) – Create by : Ogi Muhamad Ramadhan. [Link] Page 6
Progdas (JavaScript) – Create by : Ogi Muhamad Ramadhan. [Link] Page 7
4.4 Percabangan Majemuk
Percabangan majemuk adalah suatu percabangan yang dapat melibatkan lebih dari 1
kondisi di dalam percabangannya. Biasanya percabangan sepert ini menggunakan operator
tambahan seperti AND, OR dan sebagainya.
Contoh Program JavaScript
<HTML>
<HEAD><TITLE>Percabangan IF-ELSE
3</TITLE></HEAD> <BODY>
<SCRIPT language="JavaScript">
<!--
function hitungip()
{
var quis =
parseFloat([Link]); var tugas
= parseFloat([Link]); var
uts = parseFloat([Link]); var
uas = parseFloat([Link]);
var ip =" ";
var ket=" ";
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";
}
[Link]=ip;
[Link]=ket;
// gunakan untuk mengecek alert (ip+""+na);
}
//--></SCRIPT>
<FORM NAME ="fform">
<table border="1" width="100%"
ALIGN="center" > <tr>
<td width="100%" colspan="4"><H2 ALIGN="center">Menghitung
Indeks Prestasi</H2></td>
</tr>
<tr>
<td width="25%">Quis (10%) :<input type="text"
Progdas (JavaScript) – Create by : Ogi Muhamad Ramadhan. [Link] Page 8
size="10" name="iquis"> </td>
<td width="25%">Tugas (20%):<input type="text"
size="10" name="itugas"> </td>
<td width="25%">UTS (30%):<input type="text"
size="10" name="iuts"> </td>
<td width="25%">UAS (40%) :<input type="text"
size="10" name="iuas"> </td>
</tr>
<tr>
<td width="100%" colspan="4"><P Align="center">
<INPUT TYPE="button" value="Hitung"
onclick="hitungip()"> <INPUT TYPE="reset"
value="Ulang"> </p></td>
</tr>
<tr>
<td width="100%" colspan="4" align="center">
Indeks Prestasi :<input type="text" size="5"
name="oip"> Keterangan :<input type="text" size="25"
name="oket"></td> </tr>
</table>
</FORM>
</BODY>
</HTML>
Progdas (JavaScript) – Create by : Ogi Muhamad Ramadhan. [Link] Page 9
4.5 Switch
Selain menggunakan if..else, percabangan juga dapat ditangani dengan perintah switch.
Dengn kata lain pernyataan switch digunakan untuk menyederhanakan pernyataan
if..else yang terlalu banyak.
Contoh Program JavaScript
TUGAS !
SILAHKAN BUAT LAPORAN DALAM FORMAT MS. WORD
Progdas (JavaScript) – Create by : Ogi Muhamad Ramadhan. [Link] Page 10