Javascript計算器結果閃爍

Question

我的代碼：“已編輯，在所有變量之前添加了“ var”，謝謝。我嘗試刪除了<form>，但在執行該操作時將無法運行。

<head>
<title>Calculator</title>
<script language="javascript">
function calculate()
{
var v=parseInt(document.forms[0].txt1st.value);
var w=parseInt(document.forms[0].txt2nd.value);
var x=parseInt(document.forms[0].txt3rd.value);
var y=703;
var z = (v/w/x*y).toFixed(3);
document.getElementById("display").innerHTML=z;
}

</script>
</head>
<body>
<form name="cal" method="post" action="">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><input name="txt1st" type="text" id="txt1st"></td>
<td><input name="txt2nd" type="text" id="txt2nd"></td>
<td><input name="txt3rd" type="text" id="txt3rd"></td>
<td>x 703</td>
</tr>
</table>
<button onclick="calculate()">Calculate</button>
<div id="display"></div>
</body>

當我單擊“計算”按鈕時，結果將顯示在div中，但只有一瞬間，然后消失。 請記住，我是JavaScript的新手。 任何幫助表示贊賞，謝謝。

Answer 1

您正在提交表單，因此頁面正在刷新。

添加return false; 到您的calculate函數的末尾以防止表單提交。

Javascript計算器結果閃爍

問題描述

1 個解決方案

解決方案1
3 已采納

Javascript計算器結果閃爍

問題描述

1 個解決方案

解決方案1 3 已采納

解決方案1
3 已采納