Javascript 点击计算数字
我是jQuery的新手 如果我有这样的列表: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”)
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>