google-site-verification: googlea42833774323bc90.html Bagaimana membuat Aplikasi kasir - Mr.Tarmihim

Bagaimana membuat Aplikasi kasir

 Gunakan code Java script berikut!





<!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>



Subscribe to receive free email updates:

0 Response to "Bagaimana membuat Aplikasi kasir"

Post a Comment