创建一个字段和按钮

-2

我在编码新的HTML表单，有一个问题，有人给了我，我无法找到正确的答案，这是一个问题：创建一个字段和按钮

创建HTML表单单击按钮，获取输入，并返回前一个值和当前输入值的和。值为0，输入为5>输出为5，则值为5，输入为6 - >输出是11等。

我试过几件事都没有，甚至关闭，如果有人可以给我的答案不胜感激，谢谢。

来源

2016-02-03 leo dov

<形式行动= “process.php” 方法= “POST”> 输入：
<输入类型=“提交”值=“来概括” /> –

你是新来的StackOverflow，但请把你的代码在你的问题 – Binvention

你也标记了JavaScript和jQuery你有没有尝试过使用其中之一。你的代码的问题是1它不总结你的变量，2也没有空格被允许在变量中，所以总和无效。 – Binvention

如果你是在服务器端做的话，你可以有一个静态变量并在点击按钮时进行更新。更多喜欢

来源

2016-02-03 13:33:20

在服务器端，它取决于您的服务器写入的语言 – Binvention

你走了，但你应该尝试自己做。它很容易 “按钮，点击” 等谷歌之类的东西

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>

来源

2016-02-03 13:33:55

这里是您的解决方案

<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>

来源

2016-02-03 13:38:28

这里是一个jQuery的免费版本

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; 
 
}

<input type="number" value="0" id="newInput"> 
 
<button id="showSum">Show Results</button> 
 
<br> 
 
<div id="result"></div>

来源

2016-02-03 13:41:09

它会很容易。的创CodePen http://codepen.io/anon/pen/eJLNXK

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>

来源

2016-02-03 13:47:36

这里是解决你的问题。将下面的代码放到一个html文件中，并将其命名为index.html，然后运行html页面。 <！DOCTYPE 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>

来源

2016-02-03 13:55:32

<!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>

来源

2016-02-03 13:59:06

创建一个字段和按钮

回答

相关问题