javascript - 我的功能不断刷新

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") {

				hf = 0.0;
			}
else if(e == "cat")
			{
				hf = 0.5;
}
else {
				hf = 0.0;
}
if (a == "kitchen"){
				ht = 1.7;	
}
else if (a == "meja"){
				ht = 2.3;	
}
else {
				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.

}