私の機能はいつもリフレッシュし続けます

Question

私はデータが表示された後に私のページがいつもリフレッシュし続けるという問題を抱えています。私はこのコード、

<input type="submit" value="Submit" align="center" Onclick="hitung()" class="myButton" > 

を使用するが、私は事前にtype="submit"ここ

type="button"に私の関数にhitung()

function hitung(){ 
 

 
var e = (document.getElementById("ifin").value); 
 
var a = (document.getElementById("Furniture").value); 
 
var panjang =(document.getElementById("ipanjang").value); 
 
var ht = 0.0; 
 
var hf = 0.0; 
 
var total = 0.0; 
 

 
if (e == "hpl") { 
 

 
\t \t \t \t hf = 0.0; 
 
\t \t \t } 
 
else if(e == "cat") 
 
\t \t \t { 
 
\t \t \t \t hf = 0.5; 
 
} 
 
else { 
 
\t \t \t \t hf = 0.0; 
 
} 
 
if (a == "kitchen"){ 
 
\t \t \t \t ht = 1.7; \t 
 
} 
 
else if (a == "meja"){ 
 
\t \t \t \t ht = 2.3; \t 
 
} 
 
else { 
 
\t \t \t \t ht = 0.0; 
 
} 
 
total = panjang*ht+hf; 
 
document.getElementById("ototal").innerHTML ="Harga Total : Rp."+total.toFixed(2)+"0.000,00"+"<br>Sudah termasuk ongkir"; 
 
}

感謝を変更した場合、それはうまくいく

Answer 1

変更hithung（）の定義に：

function hitung(e) 
{ 
e.preventDefault(); 

// Body of function. 

} 

Answer 2

あなたtype="submit"全ページが更新されます。この使用を防ぐにはevent.preventDefault()内部にhitung関数

このメソッドが呼び出された場合、イベントの既定の動作は発生しません。 サブミットタイプの場合、サブミットのデフォルトアクションは防止されます。