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

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

javascript jquery html

Javascript 使用一个字段和按钮创建HTML表单,javascript,jquery,html,Javascript,Jquery,Html,我是一名编码新手，有人向我提出了一个问题，但我找不到正确答案，这是一个问题：创建一个带有一个字段和按钮的HTML表单。单击按钮，获取输入，并返回上一个值和当前输入值的总和。值为0，输入为5->输出为5，然后值为5，输入为6->输出为11，依此类推我几乎没试过什么，甚至都没试过，如果有人能给我答案，我将不胜感激，谢谢。如果你是在服务器端做的，你可以有一个静态变量并在点击按钮时更新它。更像 public static int prevValue; public int buttonclick

我是一名编码新手，有人向我提出了一个问题，但我找不到正确答案，这是一个问题：

创建一个带有一个字段和按钮的HTML表单。单击按钮，获取输入，并返回上一个值和当前输入值的总和。值为0，输入为5->输出为5，然后值为5，输入为6->输出为11，依此类推

我几乎没试过什么，甚至都没试过，

如果有人能给我答案，我将不胜感激，谢谢。

如果你是在服务器端做的，你可以有一个静态变量并在点击按钮时更新它。更像

public static int prevValue;

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

好了，但你应该试着自己做。用谷歌搜索“点击按钮”之类的东西很容易

var总计=0；
$（'.js_send'）。单击（函数（）{
total+=parseInt（$（'.number'）.val（））；
$（'.total'）.html（总计）；
});

0
这是您的解决方案
<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>


var总和=0；
函数summ（）
{
localStorage.setItem（“value”，document.getElementById（“text”）.value）；
var v=localStorage.getItem（“值”）；
sum=sum+parseInt（v）；
警报（总和）；
}
总和
这是一个JQuery免费版本

var oldInput=0，
新输入，
产出；
document.querySelector（“#showSum”）.onclick=function（）{
newInput=parseInt（document.querySelector（“#newInput”）.value），
输出=新输入+旧输入，
输入=输出，
document.querySelector（“#result”）.innerHTML=输出；
};
#结果{
宽度：275px；
高度：21px；
背景#ffb6c1；
}

显示结果


这将非常容易。
创建


函数getResult（）{
var myinputValue=document.getElementById（“myinput”）.value；
var resultDiv=document.getElementById（“结果”）；
if（myinputValue&&！isNaN（myinputValue））{
resultDiv.innerHTML=parseInt（myinputValue）+（resultDiv.innerHTML？parseInt（resultDiv.innerHTML）：0）；
} 
}

获得结果

结果:
以下是您问题的解决方案。将下面的所有代码放入一个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>


输出：0
你的意见：
//-从querystring获取最后一个值。
var lastvalue=getParameterByName（'lastvalue'）；
if（lastvalue！=null）{
document.getElementById（“lastvalue”）.value=lastvalue；
document.getElementById（“输出”）.innerHTML=lastvalue；
}
/*
*-用于计算和的函数
*/
函数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）；
输出=parseInt（newvalue）+parseInt（lastvalue）；
}
/*
*-按名称获取querystring参数的函数
*/
函数getParameterByName（名称、url）{
如果（！url）url=window.location.href；
name=name.replace（/[\[\]]/g，\\$&）；
var regex=new RegExp（“[？&]”+name+”（=（[^&#]*）和|#|$），
结果=regex.exec（url）；
如果（！results）返回null；
如果（！results[2]）返回“”；
返回组件（结果[2]。替换（/\+/g，”）；
}

文件
函数和（）{
var t1=parseInt（document.getElementById（“t1”）.value）；
var t2=parseInt（document.getElementById（“pre”）.value）；
document.getElementById（“结果”）.innerHTML=t1+t2；
document.getElementById（“pre”）.value=t1；
}
Input:
您是stackoverflow新手，但请将您的代码放入您的问题中。此外，您标记了JavaScript和jquery，您是否尝试使用其中任何一种。你的代码的问题是1它不求和你的变量，2它也不允许在变量中使用空格，所以求和是无效的。但是在我删除了几次尝试之后，我只是不知道如何在html表单中创建函数，我的意思是增加你输入的值和新值。。。（我对html、java脚本还不熟悉，我看了教程，但对如何做一无所知……你不能用html写，它必须用java脚本在服务器端，这取决于你的服务器用什么语言写
<!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>