Kode Program :
<html>
<head>
<title>Sistem Kasir Sederhana dengan HTML</title>
</head>
<body>
<table border="1" cellpadding="10">
<tr valign="top">
<td>
Mie Ayam @ 7000 <input id="a" type="text"><br>
Bakso @ 6000 <input id="b" type="text"><br>
Es Teh @ 2000 <input id="c" type="text"><br>
Es Jeruk @ 3000 <input id="d" type="text"><br>
<br>
Total Harga <input id="harga" type="text"><br>
Total Bayar <input id="bayar" type="text"><br>
Kembalian <input id="kembali" type="text"><br>
<br>
<button onclick="hitung()">Hitung</button>
</td>
</tr>
</table>
<script>
function hitung() {
var a, b, c, d;
// Mengambil nilai dari Input Text
a = parseInt(getID("a").value) || 0;
b = parseInt(getID("b").value) || 0;
c = parseInt(getID("c").value) || 0;
d = parseInt(getID("d").value) || 0;
// Mengalikan dengan harga yang tertera
a *= 7000;
b *= 6000;
c *= 2000;
d *= 3000;
// Mencari Total yang harus dibayar var harga = (a + b + c + d);
getID("harga").value = harga;
// Mengambil nilai Uang yang dibayarkan var bayar = parseInt(getID("bayar").value) || 0;
// Menghitung uang kembalian
var kembali = (bayar - harga);
getID("kembali").value = kembali;
}
function getID(n) {
// Mencari element berdasarkan ID
return document.getElementById(n);
}
</script>
</body>
</html>
EmoticonEmoticon