Widget Kalkulator Penjumlahan Buat Blog

Auto penjumlahan dengan javascript. pernahkah anda melihat suatu aplikasi yang sperti ini, mungkin pada para master web tentu bukan hal yang sulit, ini saya bagikan buat sobat-sobat yang pengen tahu aja.

auto penjumlahan ini tentu sobat sudah tahu seperti apa yang saya maksud, begini saat kita mengetikkan angka pada form text field dan di form text field yang satunya, maka otomatis pada jawaban akan tertulis jawaban..

dari pada bingung-bingung mending kasi demo aja ya..heehe

+ =

coba anda masukan angka pada field pertama ,lalu kedua ,maka pada jawaban akan otomatis terlihat.

oke ..mungkin anda tertarik dengan trik ini..

silahkan letakkan kode javascript berikut ini di atas </head>

<script type="text/javascript">
function startCalc(){
  interval = setInterval("calc()",1);
}
function calc(){
  one = document.autoSumForm.firstBox.value;
  two = document.autoSumForm.secondBox.value;
  document.autoSumForm.thirdBox.value = (one * 1) + (two * 1);
}
function stopCalc(){
  clearInterval(interval);
}
</script>

Lalu untuk menampilkannya,silahkan gunakan html berikut ini:

<form name="autoSumForm">
<input type=text name="firstBox" value="" onFocus="startCalc();" onBlur="stopCalc();"> +
<input type=text name="secondBox" value="" onFocus="startCalc();" onBlur="stopCalc();"> =
<input type=text name="thirdBox">
</form>

nah..cukup seperti itu saja cara membuat auto penjumlahan (sum) menggunakan javascript.
jangan lupa koemtarnya yaa...

 sumber