Postingan lainnya
Buku Ini Koding!
Baru!
Buku ini akan jadi teman perjalanan kamu belajar sampai dapat kerjaan di dunia programming!
Kelas Premium!
Belajar Javascript untuk website
Gunakan kupon "mulaijs" untuk diskon 75 ribu!
Cara membuat function hitung total pada javascript
<!DOCTYPE html>
<html>
<head>
<title>Warung Mie Ayam dan Bakso</title>
</head>
<body>
<h1>Aplikasi Kasir</h1>
<h1>Warung Mie Ayam dan Bakso</h1>
<table class="table_jessy" align="center">
<tr>
<th>No</th>
<th>Nama Menu</th>
<th>Harga</th>
<th>Jumlah</th>
<th>Total</th>
</tr>
<tr>
<td>1</td>
<td>Paket 1 (Mie Ayam + Es Teh/Teh Anget)</td>
<td>12000</td>
<td><input type="text" id="paket_1" onkeyup="hitungPaket1()"></td>
<td><input type="text" id="hasil_paket_1" placeholder="Belum Pesan" disabled=""></td>
</tr>
<tr>
<td>2</td>
<td>Paket 2 (Bakso + Es Teh/Teh Anget</td>
<td>15000</td>
<td><input type="text" id="paket_2" onkeyup="hitungPaket2()"></td>
<td><input type="text" id="hasil_paket_2" placeholder="Belum Pesan" disabled=""></td>
</tr>
<tr>
<td colspan="2">Hitung Total</td>
<td colspan="3">Bagaimana cara membuat hitung totalnya?</td>
</tr>
</table>
<script type="text/javascript">
function hitungPaket1()
{
var nilai_paket_1 = document.getElementById('paket_1').value;
if (nilai_paket_1 == "")
{
document.getElementById('hasil_paket_1').value ="Tidak Pesan Paket 1";
}
else
{
var hasil_paket_1 = nilai_paket_1 * 12000;
document.getElementById('hasil_paket_1').value = hasil_paket_1;
}
}
function hitungPaket2()
{
var nilai_paket_2 = document.getElementById('paket_2').value;
if (nilai_paket_2 == "")
{
document.getElementById('hasil_paket_2').value ="Tidak Pesan Paket 2";
}
else
{
var hasil_paket_2 = nilai_paket_2 * 15000;
document.getElementById('hasil_paket_2').value = hasil_paket_2;
}
}
</script>
</body>
</html>
0
Tanggapan
tambahin penjelasan bingungnya dibagian mana
Belum ada Jawaban. Jadi yang pertama Jawaban
Login untuk ikut Jawaban