JavaScript的计算器结果闪烁(Javascript calculator result fl

2019-07-31 18:14发布

我的代码:在所有变量前“编辑,添加‘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 calculator result flashes