Javascript 如何添加+；每次单击一个文本值，我会这样做吗？

我想向文本值添加+1，但单击它时不会添加任何内容。。。 我认为这是一个更新的时间，但我不确定

<input type="text" id="cliccare" value="0">
<img src="http://www.sinalphoto.com/wp-content/uploads/2012/08/no-copyright.png" class="click" onclick="clicca()"/>
punticlick = 1;
punti = document.getElementById("cliccare").value ;
function clicca() {
    punti += punticlick;
}

punticlick=1；
punti=document.getElementById（“cliccare”）.value；
函数clicca（）{
punti+=punticlick；
}

---

我真的不知道它是否正确，在

img

上单击

onclick

。

punti=document.getElementById（“cliccare”）。值在函数
clicca
之外。所以每次点击都不会得到新的价值

其次，由于您将添加一个，因此可以使用
punti
直接添加。我看不出第二个变量有什么用处

第三，一旦更新了
punti
的值，就需要更新DOM的值

function clicca(){
punti = parseInt(document.getElementById("cliccare").value,10) ; // Convert to integer
punti += 1;
document.getElementById("cliccare").value=punti
}

punti=document.getElementById（“cliccare”）。值在函数
clicca
之外。所以每次点击都不会得到新的价值

其次，由于您将添加一个，因此可以使用
punti
直接添加。我看不出第二个变量有什么用处

第三，一旦更新了
punti
的值，就需要更新DOM的值

function clicca(){
punti = parseInt(document.getElementById("cliccare").value,10) ; // Convert to integer
punti += 1;
document.getElementById("cliccare").value=punti
}


var pun=1；
punti=document.getElementById（“cliccare”）.value；
函数clicca（）{
punti=双关语；
document.getElementById（“cliccare”）.value=punti；
双关语++；
}

试试这个

var pun=1；
punti=document.getElementById（“cliccare”）.value；
函数clicca（）{
punti=双关语；
document.getElementById（“cliccare”）.value=punti；
双关语++；
}

试试这个
你不能把punticlick添加到punti中，这毫无意义：在javascript中，
punti+=punticlick
等于
punti=punti+punticlick
。相反，您必须这样做：

punticlick = 0;
punti = document.getElementById("cliccare");
function clicca(){
punticlick++;
punti.value = punticlick;
}

检查小提琴：
您不能将punticlick添加到punti，这毫无意义：在javascript中，
punti+=punticlick
等于
punti=punticlick
。相反，您必须这样做：

punticlick = 0;
punti = document.getElementById("cliccare");
function clicca(){
punticlick++;
punti.value = punticlick;
}

检查小提琴：
您可以对几乎任何html标记使用
onclick
属性，但是您编写的代码片段将不起作用，因为在值增加后，您需要将该值设置回输入标记，因此您的java脚本部分如下所示：

  <script>
      punticlick = 1;

      function clicca() {
          punti = document.getElementById("cliccare").value;
          punti += punticlick;
          document.getElementById("cliccare").value = punti;
      }
  </script>


punticlick=1；
函数clicca（）{
punti=document.getElementById（“cliccare”）.value；
punti+=punticlick；
document.getElementById（“cliccare”）.value=punti；
}
您几乎可以对任何html标记使用
onclick
属性，但是您编写的代码片段将不起作用，因为在值增加后，您需要将该值设置回输入标记，因此您的java脚本部分如下所示：

  <script>
      punticlick = 1;

      function clicca() {
          punti = document.getElementById("cliccare").value;
          punti += punticlick;
          document.getElementById("cliccare").value = punti;
      }
  </script>


punticlick=1；
函数clicca（）{
punti=document.getElementById（“cliccare”）.value；
punti+=punticlick；
document.getElementById（“cliccare”）.value=punti；
}
一种非常快捷的方式（大多数是不鼓励的）是这样的


cliccare.onclick=e=>++e.target.value
一个非常快捷的方法（大多数是不鼓励的）是这样的


cliccare.onclick=e=>++e.target.value
您只需设置onclick属性：

onclick=“document.getElementById（'cliccare'）.value++”
您只需设置onclick属性：

onclick=“document.getElementById（'cliccare'）.value++”
它添加了1（++在javascript中）。问题是puntclick最初设置为1。我编辑了答案，再次检查小提琴。我复制了小提琴并粘贴。。。它在我的html中添加了2个，但在fiddle中添加了1个。。。。wtf？它增加了1（++在javascript中）。问题是puntclick最初设置为1。我编辑了答案，再次检查小提琴。我复制了小提琴并粘贴。。。它在我的html中添加了2个，但在fiddle中添加了1个。。。。世界跆拳道联盟？