-->

Source code penjumlahan otomatis di javascript



Pada postingan sebelumnya saya sudah share cara membuat penjumlahan otomatis di javascript dengan javascript kita bisa membuat website menjadi lebih interaktif dan dinamis, berikut ini adalah source code penjumlahan otomatis di javascript.
<html>
<head>
    <title>Kalkulasi javascript | www.hakkoblogs.com</title>
</head>
<h2>Kalkulasi Penjualan javascript</h2>
<body>
    <form name="formku" id="formku" method="post">
        Total : <input type="text" size="5" class="form-control" id="total" name="total" required="required"/><br/><br>
             
        Bayar : <input type="text" size="5" class="form-control" id="bayar" name="bayar" onkeyup="test()" onkeydown="test()" 
                onchange="test()" autocomplete="off" required="required" /></th><br/><br/>
            
        Kembali : <input type="text" size="5" class="form-control" id="kembali" name="kembali" autocomplete="off"  />
           
    </form>
    <script type="text/javascript">
        function test() {
var total = document.formku.total.value;
var bayar = document.formku.bayar.value;
var kembali = document.formku.kembali.value;

kembali =  (parseInt(bayar) + parseInt(total)) ;
document.formku.kembali.value = Math.floor(kembali);

        }
        </script>
</body>
</html>
Untuk menjalankannya yang pertama anda lakukan adalah
1. Pastikan anda sudah menginstall package web server seperti XAMPP
2. copy dan pastekan kode di atas lalu simpan dengan nama testjavascript.php simpan di direktory c:/xampp/htdocs/
3. Jalankan file dengan cara akses via browser dengan mengetikan localhost/testjavascript.php
4. Jika berhasil anda akan mendapatkan tampilan seperti berikut ini


Semoga panduan singkat untuk menjalankan Source code penjumlahan otomatis di javascript bisa bermanfaat untuk anda, jika artikel ini bermanfaat jangan sungkan untuk membagikannya.

Selamat Mencoba

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel