Senin, 06 Mei 2013
Setelah sebelumnya saya membuat artikel yang berjudul "Membuat fungsi di Javascript" pada kategori "javascript" , Kali ini ebsof akan memposting artikel membuat penjumlahan otomatis dengan Javascript pada website berbasis PHP.
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 :
Update :
Untuk Menjawab Pertanyaan Teman-Teman dibawah Silahkan Kunjungi web sya di :
http://suckittrees.com/artikel-131/membuat-penjumlahan-otomatis-di-textbox.html
Script ini saya dapatkan dari Mastah "la jayahuni" , Terima kasih saya ucapkan kepada mastah, saya posting disini, dengan tujuan semoga ini dapat bermanfaat bagi teman-teman semua .
Nah.. Untuk source Code membuat Penjumlahan Otomatis dengan Javascript , lihat dibawah ini :
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="content-type" content="text/html" />
<meta name="author" content="Jayuhni" />
<title>Untitled 2</title>
</head>
<body>
Contoh Tambah2an
<input type="text" id="type1" onkeyup="kalkulatorTambah(this.value,getElementById('type2').value);" />x
<input type="text" id="type2" onkeyup="kalkulatorTambah(getElementById('type1').value,this.value);" />
=
<span id="result">
</span>
<script>
function kalkulatorTambah(type1,type2){
var hasil = eval(type1) * eval(type2);
document.getElementById('result').innerHTML = hasil;
}
</script>
</body>
</html>
Copylah script diatas kedalam text editor yang anda gunakan. Kemudian simpanlah dengan extensi .php / .html , terserah anda , mana yang anda sukai. dan jalankan script.
Demikianlah artikel " Membuat Penjumlahan Otomatis Dengan Javascript " yang bisa diterapkan pada aplikasi website berbasis HTML, PHP , Mysql dan lainnya.
Dapatkan Source Code website Ebsofmedia V.2
Free Source Code web dinamis Ebsofmedia V.3
