值将在html文本框中仅闪烁一次

时间:2014-12-09 08:38:04

标签: javascript html

while loop in javascript               

function calc(){
var one = document.getElementById("fv").value;
var two = document.getElementById("sv").value;
var one1 = parseInt(one); 
var two1 = parseInt(two);
var total = 0;
if(one1<=two1){
while (one1 <= two1){
total = total+one1;
one1++;                         
total=total;
}
document.getElementById("tv").value = total;
}}
calc() //call function
</script>
<form>

在java脚本中使用while循环存在一些混淆。我可以使用while循环进行这些类型的计算吗?

<p>"Calculation of sum between two numbers"</p>
<h5>First Number</h5><input type ="text" value="1" name="firstv" id="fv"><br>
<h5>Second Number</h5><input type="text" value="100" name="sectv" id="sv"><br>
<h5>Value</h5><input type="number" value= "" name="tv" id="tv"><br>
<button onclick="calc()" value="click">Calculate</button><br>
</form>
</body>
</html>

1 个答案:

答案 0 :(得分:3)

您需要停止按钮才能实际提交表单。如果你确保你的Javascript函数出现在你的html之前,你的按钮看起来像这样:

<button onclick="calc(); return false;" value="click">Calculate</button>

然后它应该正常工作

如果您需要在单击按钮之前调用第一个calc(),则需要在文档准备就绪时执行此操作:

document.addEventListener("DOMContentLoaded", function(event) { 
   calc();
});

Example