Question

我是编码的新手，有人提出我的问题，我找不到合适的答案，这就是问题：

创建一个带有一个字段和按钮的HTML表单。单击按钮，获取输入，并返回前一个值和当前输入值的总和。值为0，输入为5＆gt;输出为5，那么值是5，输入是6->输出是11等等。

我几乎没有尝试过任何东西，如果有人能给我答案，我将不胜感激，谢谢。

Answer 1

你去了，但你应该尝试自己做。谷歌之类的东西很简单，比如“按钮点击”等等。

var total = 0;

$('.js_send').click(function(){
  total += parseInt($('.number').val());
 $('.total').html(total);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="number" value="0" class="number"/>
<input type="button" value="send" class="js_send"/>

<div class="total">0</div>

Answer 2

以下是您的问题的解决方案。将以下所有代码放入html文件并将其命名为index.html，然后运行html页面。

<html>
<head>
<title></title>    
</head>
<body>
    Output : <label id="output">0</label>
    <form method="get" action="index.html">
        Your Input: <input type="text" id="TxtNum"/>
        <input type="hidden" id="lastvalue" name="lastvalue"  />
        <input type="submit" onclick="return doSum();" value="Sum" />
    </form>

    <script>
    //- get last value from querystring.

    var lastvalue = getParameterByName('lastvalue');        
    if (lastvalue != null) {
        document.getElementById("lastvalue").value = lastvalue;
        document.getElementById("output").innerHTML = lastvalue;
    }

    /*
    * - function to calculate sum
    */
    function doSum() {
        var newvalue = 0;           
        if(document.getElementById("TxtNum").value != '')
            newvalue = document.getElementById("TxtNum").value;

        var lastvalue = 0;
        if(document.getElementById("lastvalue").value != '')
            lastvalue = document.getElementById("lastvalue").value;

        document.getElementById("lastvalue").value = parseInt(newvalue) + parseInt(lastvalue);
        output = parseInt(newvalue) + parseInt(lastvalue);
    }

    /*
    * - function to get querystring parameter by name
    */
    function getParameterByName(name, url) {
        if (!url) url = window.location.href;
        name = name.replace(/[\[\]]/g, "\\$&");
        var regex = new RegExp("[?&]" + name + "(=([^&#]*)|&|#|$)"),
            results = regex.exec(url);
        if (!results) return null;
        if (!results[2]) return '';
        return decodeURIComponent(results[2].replace(/\+/g, " "));
    }

</script>
</body>
</html>

Answer 3

如果您在服务器端执行此操作，则可以使用静态变量并在按钮单击时更新它。更像是

public static int prevValue;

public int buttonclick(.....){
int sum = textboxValue + prevValue;
prevValue = textboxValue;
return sum;
}

Answer 4

这是你的解决方案

<script type="text/javascript">
    var sum=0;
    function summ()
    {
      localStorage.setItem("value",document.getElementById("text").value);
      var v=localStorage.getItem("value");
      sum=sum+parseInt(v);
      alert(sum);
    }
    </script>
    <html>
      <input id="text">
      <button id="submit" onclick="summ()">sum</button>
    </html>

Answer 5

这是一个JQuery免费版

Dim S As String
Dim count As Integer

var oldInput = 0,
    newInput, 
    outPut;
    
document.querySelector("#showSum").onclick = function() {
    newInput = parseInt(document.querySelector("#newInput").value), 
    outPut = newInput + oldInput, 
    oldInput = outPut, 
    document.querySelector("#result").innerHTML = outPut;
};

#result {
    width: 275px;
    height: 21px;
    background: #ffb6c1;
}

Answer 6

这很容易。创建 CodePen

function getResult(){
  var myinputValue=document.getElementById("myinput").value;
  var resultDiv=document.getElementById("result"); 
  if(myinputValue && !isNaN(myinputValue)){
  resultDiv.innerHTML=parseInt(myinputValue) + (resultDiv.innerHTML ? parseInt(resultDiv.innerHTML) : 0);
  } 
}

<input type="text" id="myinput">
<button id="btngetresult" onclick="getResult()">GetResult</button>
<p>
Result:   
<div id="result"></div>

Answer 7

<!doctype html>
<html lang="en">
<head>
<title>Document</title>
<script type="text/javascript">
function sum() {
var t1 = parseInt(document.getElementById("t1").value);
var t2 = parseInt(document.getElementById("pre").value);
document.getElementById("result").innerHTML = t1+t2;
document.getElementById("pre").value = t1;
}
</script>
</head>
<body>
<div>
<form method="get" action="">
<input type="text" name="t1" id="t1">
<input type="button" value="get sum" name="but" onclick="sum()">
<input type="hidden" name="pre" id="pre" value="0">
</form>
</div>
<div id="result"></div>
</body>
</html>

使用一个字段和按钮创建HTML表单

7 个答案: