Pada pelajaran Algoritma kali ini saya akan mempelajari cara membuat algoritma deskriptif untuk menyelesaikan permasalahan pembayaran rekening listrik.
A.Analisa
- Input :
- Harga perWatt
- Pemakaian AC
- Pemakaian TV
- Pemakaian Kulkas
- Pemakaian Lampu
- Output :
- Pembayaran rekening listrik
B. Algoritma
- Input harga perWatt
- Input pemakaian AC
- Input pemakaian TV
- Input pemakaian kulkas
- Input pemakaian lampu
- Hitung total pemakaian perWatt
= total pemakaian ( AC + TV + kulkas + lampu ) - Hitung total pembayaran
= (total pemakaian * harga perWatt) - Tampilkan jumlah pembayaran
Selanjutnya tampilkan script nya dengan menggunakan notepad++ :
<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 simpan dan hasilnya :
Tidak ada komentar:
Posting Komentar