HTML，如何始终获得 +1 总和答案

【问题标题】：HTML, how to get always +1 sumHTML，如何始终获得 +1 总和
【发布时间】：2020-02-24 20:40:32
【问题描述】：

我正在做一个积分计数器，但我不知道该怎么做，所以我想在“=”按钮的总和上加 +1，如果有人可以帮助我，只加一次，不胜感激

var result = 0;

function suma() {
  var cal1 = parseFloat(document.forms["form1"]["cal1"].value);
  var cal2 = parseFloat(document.forms["form1"]["cal2"].value);
  var sum = (cal1 + cal2 + 1);
  
  document.forms["form1"]["sum"].value = sum
  result = sum;
}

<html>
<head>
  <script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
</head>

<body>
  <form name="form1">
    Cal 1:
    <input value="0" name="cal1" size="5"><br> Cal2:
    <input value="0" name="cal2" size="5"><br>

    <input type="button" value="Oblicz" name="add" onClick="suma();"><br> Suma:
    <input type="text" name="sum" size="6"><br>
    <input type="reset" value="Reset"><br>
  </form>
</body>
</html>

【问题讨论】：

标签： javascript html sum counter add

【解决方案1】：

使用一个变量来表示您添加到总和中的内容。首次将其初始化为1，然后将其更改为0以备将来使用。

var result = 0;
var addition = 1;

function suma() {
  var cal1 = parseFloat(document.forms["form1"]["cal1"].value);
  var cal2 = parseFloat(document.forms["form1"]["cal2"].value);
  var sum = (cal1 + cal2 + addition);
  if (addition == 1) {
    addition = 0;
  }
  
  document.forms["form1"]["sum"].value = sum
  result = sum;
}

<html>
<head>
  <script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
</head>

<body>
  <form name="form1">
    Cal 1:
    <input value="0" name="cal1" size="5"><br> Cal2:
    <input value="0" name="cal2" size="5"><br>

    <input type="button" value="Oblicz" name="add" onClick="suma();"><br> Suma:
    <input type="text" name="sum" size="6"><br>
    <input type="reset" value="Reset"><br>
  </form>
</body>
</html>

【讨论】：