Anda di halaman 1dari 3

KISI-KISI UTS(MID)

PEMROGRAMAN WEB (HTML & JAVASCRIPT)

Soal
1. Seorang Kasir pada salah satu toko buah-buahan membutuhkan program aplikasi
berbasis script untuk menentukan Total Harga, Diskon, dan Pembayaran dari belanja
pelanggan dengan tampilan program sebagai berikut :

Data Input

Data Output

Dengan Ketentuan sebagai berikut :


a. Input Data :
 Nama Buah  Mangga, Apel, Durian, Jeruk
 Kualitas  A, B, C, D
 Jumlah Buah per Kg
b. Output Data : Total Harga, Diskon, dan Pembayaran, dimana :
 TOTAL HARGA = JUMLAH * HARGA BUAH
 DISKON = 10% dari TOTAL HARGA diberikan jika jumlah buah yang dibeli lebih
dari atau sama dengan 5, jika tidak maka tidak mendapatkan diskon.
 BAYAR = TOTAL HARGA – DISKON
 Harga Buah / Kualitas, ditentukan sebagai berikut :

2. Buatlah program berbasis web dengan menggunakan JAVASCRIPT untuk menghitung


dan menampilkan hasil Jumlahan dan Rata, Nilai Terbesar, dan Terkecil dari
sekumpulan data berikut : 60,25,26,23,8,10,42,56,20,12,54,35,12,44,12. Dimana dalam
script ini terdapat 2 fungsi yaitu :
 Jumlahkan()
 Rata2()

1
Jawaban Soal 1, Soal Nomor 2 cari sendiri
<html><head><title>Kisi - Kisi</title></head>
<body>
<table border="1" align="center">
<tr><th colspan="5">DAFTAR HARGA BUAH / KG</th></tr>
<tr><th rowspan="2">Nama Buah</th><th colspan="4">Kualitas</th></tr>
<tr><th>A</th><th>B</th><th>C</th><th>D</th></tr>
<tr><td
align="center">Mangga</td><td>25.000</td><td>20.000</td><td>15.000</td><
td>10.000</td></tr>
<tr><td
align="center">Apel</td><td>35.000</td><td>25.000</td><td>20.000</td><td
>15.000</td></tr>
<tr><td
align="center">Durian</td><td>50.000</td><td>35.000</td><td>30.000</td><
td>25.000</td></tr>
<tr><td
align="center">Jeruk</td><td>20.000</td><td>10.000</td><td>7.500</td><td
>5.000</td></tr>
</table><BR><BR>
<form name="Buah">
<table border="1" align="center">
<tr><th >BELANJA BUAH-BUAHAN</th></tr>
<tr><td>
<table align="center">
<tr>
<td align="right">Nama Buah</td>
<td align="center"> :</td>
<td><select name="nm_buah">
<option selected value="0">Mangga</option>
<option value="1">Apel</option>
<option value="2">Durian</option>
<option value="3">Jeruk</option>
</select>
</td>
</tr>
<tr>
<td align="right">Kualitas</td>
<td align="center"> :</td>
<td><select name="kualitas">
<option selected value="0">A</option>
<option value="1">B</option>
<option value="2">C</option>
<option value="3">D</option>
</select>
</td>
</tr>
<tr>
<td align="right">Jumlah</td>
<td align="center"> :</td>
<td><input type="text" name="jumlah" size="8"
maxlength="5"></td>
</tr>
</table>
</td></tr>
<tr>
<td colspan="3" align="center"><input type="button" value="Hitung"
onClick="Proses();"></td>
</tr>
<tr><td>
2
<table align="center">
<tr>
<td align="right">Total Harga</td>
<td align="center"> :</td>
<td>Rp. &nbsp;<input readonly type="text" name="total" size="15"
maxlength="15"></td>
</tr>
<tr>
<td align="right">Diskon</td>
<td align="center"> :</td>
<td>Rp. &nbsp;<input readonly type="text" name="diskon"
size="15" maxlength="15"></td>
</tr>
<tr>
<td align="right">Pembayaran</td>
<td align="center"> :</td>
<td>Rp. &nbsp;<input readonly type="text" name="bayar" size="15"
maxlength="15"></td>
</tr>
</table>
</td></tr></table>
</form>

<Script Language="JavaScript">
function Proses() {
var nb = document.Buah.nm_buah.value;
var kua = document.Buah.kualitas.value;
var jum = document.Buah.jumlah.value;

if (document.Buah.jumlah.value.length==0) {
alert("Kotak Jumlah Buah harus diisi");
document.Buah.jumlah.value=0;
document.Buah.jumlah.focus();
return false;
}

var tot_harga = jum * hBuah(nb,kua);


document.Buah.total.value = tot_harga;

if (document.Buah.jumlah.value >= 5) {
var diskon = tot_harga * 0.1;
document.Buah.diskon.value = diskon;
} else {
diskon = 0;
document.Buah.diskon.value = diskon;
}

document.Buah.bayar.value = tot_harga-diskon;

function hBuah(x,y) {
var hb=new Array();
hb[0]=new Array(25000,20000,15000,10000);
hb[1]=new Array(35000,25000,20000,15000);
hb[2]=new Array(50000,35000,30000,25000);
hb[3]=new Array(20000,10000,7500,5000);
return hb[x][y];
}
</Script></body></html>

Anda mungkin juga menyukai