Sumber : https://senterwebs.com/artikel-131/membuat-penjumlahan-otomatis-di-textbox.html
Membuat Penjumlahan otomatis di Textbox Ok teman-teman, sahabat setia senterwebs.com .. Dalam kasus ini kita akan membuat penjumlahan atau jumlah total otomatis setelah kita menginput data , tanpa perlu menekan tombol submit. Untuk proses seperti ini kita akan membuat dengan menggunakan Javascript , Kenapa dengan Java script ? karena program javascript berjalan disisi client , artinya program akan di eksekusi di browser anda, Tidak di server, sehingga prosesnya akan lebih cepat dan bisa langsung di ekseskusi. Berikut contoh Penjumlahan Otomatis dengan Javascript :
Code HTML : <!DOCTYPE html><html> <head> <meta charset='UTF-8'> <meta name="author" content="Senterwebs"> <title>Membuat Penjumlahan Otomatis Senterwebs.com</title> <link rel="shortcut icon" href="https://senterwebs.com/favicon.png"> <link rel="icon" href="https://senterwebs.com/favicon.png"> <link href="style.css" rel="stylesheet"> </head> <body> <div id="wrapper"> <h1 align="center"><a href="https://senterwebs.com/artikel-131/membuatpenjumlahan-otomatis-di-textbox.html">Read Tutorial Senterwebs.com</a></h1> <h3>Membuat Penjumlahan Otomatis Senterwebs.com</h3> <input type="text" id="txt1" onkeyup="sum();" /> <input type="text" id="txt2" onkeyup="sum();" />=