Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/69.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 点击计算数字_Javascript_Jquery - Fatal编程技术网

Javascript 点击计算数字

Javascript 点击计算数字,javascript,jquery,Javascript,Jquery,我是jQuery的新手 如果我有这样的列表: add one add two add three 如何在容器中计算这些值#计算。 什么时候 加一 单击时,应将1添加到容器中 加两个 单击时,容器中应该显示3,因此应该可以无休止地单击这些,并且每次它应该乘以您单击以添加的数字时,使用一个全局变量,该变量初始化为0。 使用onClick调用所需函数,在这种情况下add(num)并将计数器值设置为result div var计数器=0; 函数添加(num){ 计数器+=num; $(“#res”)

我是jQuery的新手 如果我有这样的列表:

add one
add two
add three
如何在容器中计算这些值
#计算
。
什么时候

加一

单击时,应将1添加到容器中

加两个


单击时,容器中应该显示3,因此应该可以无休止地单击这些,并且每次它应该乘以您单击以添加的数字时,使用一个全局变量,该变量初始化为0。 使用
onClick
调用所需函数,在这种情况下
add(num)
并将计数器值设置为result div

var计数器=0;
函数添加(num){
计数器+=num;
$(“#res”).html(计数器);
}

0
加一
加两个

添加三个
您可以绑定一个单击事件获取按钮文本,如下所示

$("button").click(function(){
    nummber = nummber +( +this.text());
});
您不需要在html中附加click listner,只需在javascript中查找计算器按钮即可将类添加到按钮
var总金额=0;
函数btnClick(Param){
合计金额+=数量(参数);
控制台日志(总金额);
}

加一
加两个
添加三个
试试这个

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div id="result">0</div>
<button value="1" onClick="sum(this.value)">Add One</button>
<button value="2" onClick="sum(this.value)">Add Two</button>
<button value="3" onClick="sum(this.value)">Add Three</button>
<script>
var total = 0;
function sum(num){
  total += parseInt(num);
  $("#result").html(total);
}
</script>

0
加一
加两个
加三
var合计=0;
函数和(num){
总计+=parseInt(num);
$(“#结果”).html(总计);
}
var总计=0;
函数添加(num){
如果(总计==0){
总数+=num;
$(“#res”).html(总计);
}否则{
总数*=num;
$(“#res”).html(总计);
}
}

0
加一
加两个
添加三个

结果:
点击次数:
加一 加两个 设结果=0; 单击数字=0 函数addFunction(n){ 结果+=n; 点击数字++; $(“#结果”)。文本(结果); $(“#clickNumber”)。文本(clickNumber); }
请发布您的代码。单击“管理计数器”即可。“我有这样一个列表:添加一个添加两个添加三个”-这是HTML列表、数组、字符串等吗。。。??然后你们说应该是“乘以你们点击加的数字”,这到底是什么意思。这是否意味着如果我单击“添加2”,它会变成“添加4”,因为2*2=4?然后,如果我再次单击它,它会转到“添加8”?请详细说明您的要求,或者粘贴到目前为止您已经实现的代码..抱歉,我添加了另一个答案,而不是编辑:)是的,我很困惑为什么您在一个问题中添加了两个答案,没关系:请解释您的答案。基本上,您将需要两个全局变量来存储添加结果和最终用户的单击事件数。您可以使用一个用于加法操作的公共处理函数,该函数将接收要作为参数添加的值,并且在处理函数中,结果将由值添加,每次调用该函数时,clickNumber将增加1。最后,您可以在视图中呈现这些值。谢谢!太好了
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
 <div>
   Result: <span id="result"></span><br />
   Number of clicks: <span id="clickNumber"></span><br />
 </div>
 <div>
  <button onclick="addFunction(1)">
   Add One
  </button>
  <button onclick="addFunction(2)">
   Add Two
  </button>
 </div>

 <script>
  let result = 0;
  let clickNumber = 0
  function addFunction(n){
   result += n;
   clickNumber++;
   $("#result").text(result);
   $("#clickNumber").text(clickNumber);
  }
</script>