每次点击时更改号码？

Question

所以，我试图创建一个东西，你点击一个按钮，它把上面的数字加1。

我的HTML代码：

<center><span id="timesClicked">0</span></center>
    <button type="button" class="btn btn-default" onclick="btnClick()">Click</button>

我的JS代码：

var mdb = {
"widgets": {
    "amount":0
"stats": {
    "timesClicked":0,
           }
          }

 function btnClick(n){
mdb.widgets.amount += n;
mdb.stats.timesClicked += n;
return true 
   }

不过，我真的不明白如何将这个号码链接到JS对象，有人能帮我吗？

Answer 1

这可能对你来说太简单了..。我不知道这个东西是干什么用的。基本上，您需要使用它来更新HTML中的timesClicked编号：

document.getElementById("timesClicked").innerHTML = timesClicked;

我已经删除了您的一些目标代码，这样使用起来就更容易了。下面是我使用的javascript：

Javascript

var timesClicked = 0;

function btnClick(){
  timesClicked ++;

document.getElementById("timesClicked").innerHTML = timesClicked;
return true 
   }

DEMOS

http://codepen.io/anon/pen/FamJB

http://jsfiddle.net/xFgNk/1/

Answer 2

您的代码可以工作，但它只是不以任何值递增：)您需要n的默认值，否则它每次都会添加0：

所以要么这样做：

<center><span id="timesClicked">0</span></center>
    <button type="button" class="btn btn-default" onclick="btnClick(1)">Click</button

(注意btnClick(1)而不是btnClick())

或做：

 function btnClick(n){
   n = n || 1; // default value of n is 1
   mdb.widgets.amount += n;
   mdb.stats.timesClicked += n;
   // if you want to update the value in the page (in the DOM):
   document.getElementById('timesClicked').innerHTML = mdb.stats.timesClicked;
   return true ;
 }

Answer 3

尝试将btnClick(n)更改为btnClick()，将+=n更改为++