JavaScript #6
membuat contoh Program Rekening Listrik dengan koding sbb:
<html>
<head>
<title>Program rekening listrik</title>
<script>
function RekeningListrik()
{
var totPemakaian;
var hargaPerKwh;
var totPembayaran;
//1.input total pemakaian
totPemakaian = InputData ("txtTotalPemakaian");
//2. input harga per Kwh
hargaPerKwh = InputData("txtHarga");
//3. hitung total pembayaran
totPembayaran = TotalPembayaran (totPemakaian,hargaPerKwh);
//4. TAMPILKAN TOTAL PEMBAYARAN
OutputData (totPembayaran);
}
function TotalPembayaran(totalPemakaian,hargaPerKwh)
{
var totalPembayaran;
totalPembayaran = parseInt (totalPemakaian * hargaPerKwh);
return totalPembayaran;
}
</script>
</head>
<body>
<script>
function OutputData(keluaran)
{
document.getElementById("lblTotaltagihan").innerHTML = keluaran;
}
function InputData (namaKomponen)
{
var data;
data = document.getElementById(namaKomponen).value;
return data;
}
</script>
<div>
<div>
<label>Total Pemakaian </label>
<input type="text" id="txtTotalPemakaian"/>
</div>
<div>
<label>Harga per kwh </label>
<input type="text" id="txtHarga"/>
</div>
<div>
<label>Total tagihan </label>
<label id="lblTotaltagihan">0</label>
</div>
<div>
<input type="button" id="btnHitung" value="Hitung" onclick="RekeningListrik()"/>
</div>
</div>
</body>
</html>
lalu didapatkan hasil seperti dibawah ini :
Komentar ini telah dihapus oleh administrator blog.
BalasHapusKomentar ini telah dihapus oleh pengarang.
BalasHapusKomentar ini telah dihapus oleh pengarang.
BalasHapus