Gunakan code Java script berikut!
.jpeg)
<!DOCTYPE html>
<html>
<head>
<title>Aplikasi Kasir Sederhana</title>
<style>
body {
font-family: Arial, sans-serif;
}
.container {
width: 300px;
margin: 0 auto;
padding: 20px;
border: 1px solid #ddd;
border-radius: 5px;
}
input, button {
margin-top: 10px;
width: 100%;
padding: 10px;
}
</style>
</head>
<body>
<div class="container">
<h2>Aplikasi Kasir</h2>
<label for="harga">Harga Barang:</label>
<input type="number" id="harga" placeholder="Masukkan Harga">
<label for="jumlah">Jumlah Barang:</label>
<input type="number" id="jumlah" placeholder="Masukkan Jumlah">
<label for="diskon">Diskon (%):</label>
<input type="number" id="diskon" placeholder="Masukkan Diskon">
<button onclick="hitungTotal()">Hitung Total</button>
<h3>Total Bayar: <span id="totalBayar">0</span></h3>
</div>
<script>
function hitungTotal() {
var harga = document.getElementById("harga").value;
var jumlah = document.getElementById("jumlah").value;
var diskon = document.getElementById("diskon").value;
var total = harga * jumlah;
var potongan = total * (diskon / 100);
var totalBayar = total - potongan;
document.getElementById("totalBayar").innerText = totalBayar.toFixed(2);
}
</script>
</body>
</html>
0 Response to "Bagaimana membuat Aplikasi kasir"
Post a Comment