2011-06-03 75 views
-1

嗨,例如,如果我有一个整数,在20开始,然后当我点击按钮之一,它将10添加到该20,然后按钮2添加4 ontop当前计数我将如何做到这一点?存储整数javascript

+0

Fyi,_Javascript(ECMAScript)是一种松散类型的语言。这并不意味着它没有数据类型,只是变量或JavaScript对象属性的值不需要为其指定特定类型的值,或者它应始终保持相同类型的值。 Javascript还可以自由地将值类型转换为适合其使用的上下文类型(或需要)的值._ [源](http://www.jibbering.com/faq/notes/type-conversion/) – Kraz 2011-06-03 17:40:30

+0

Javascript doesn也没有整数。 – 2011-06-03 17:41:56

+0

正确,JavaScript中的所有数字都是IEEE-754双精度浮点数。 – Eli 2011-06-03 17:44:24

回答

1

有一个全局变量,其值为20,然后将一个函数附加到两个按钮的按钮单击事件中,其中一个向变量添加10,另一个向变量添加4。你可能想考虑尝试一个问题,并有一些半工作代码来证明你实际上已经做出了努力,否则你很可能会被低估。

1

像这样的东西应该工作。 请注意,它遵循最佳实践,不会将任何变量泄漏到全局范围内。

<button id="one" value="10">Add Ten</button> 
<button id="two" value="4">Add Four</button> 

<script> 

    (function() { 
     var myNumber = 20; 

     var addValue = function() { 
      myNumber+= +this.value; 
     }; 

     var bindAdders = function() { 
      var arr = [].splice.call(arguments); 
      for (var i = 0, len = arr.length; i < len; i++) { 
       document.getElementById(arr[i]).onclick = addValue; 
      } 
     }; 

     bindAdders('one', 'two'); 
    })(); 

</script> 
+0

一定要'parseInt(this.value)',所以它不会将它连接为一个字符串。 – 2011-06-03 17:42:20

+0

刚刚发现,已经修复了。谢谢! – Eli 2011-06-03 17:42:47

1

这可能是你在找什么:

<script type="text/javascript"> 
    var currentCount = 20; 
</script> 
<button id="button1" onclick="currentCount+=10;">Increase with 10</button> 
<button id="button2" onclick="currentCount+=4;">Increase with 4</button> 
<button id="show_currentCount" onclick="alert(currentCount);">Show count</button> 
0
<body onload="updateCounter()"> 
    <span id="counter">x</span> 
    <button onclick="javascript:x+=10;updateCounter();return false;">+10</button> 
    <button onclick="javascript:x+=4;updateCounter();return false;">+4</button> 

    <script> 
    window.x = 20; 
    window.updateCounter = function() { 
     document.getElementById("counter").innerHTML = String(x); 
    }; 
    </script> 
</body> 

jsfiddle

0

这可能有帮助。

<html> 
<script> 
    var someValue=0; 

    function addValue(parm){ 
     someValue += parm; 
     currentValueLabel.innerText = someValue; 
    } 
</script> 
<body onload="addValue(20);"> 
    <input type="button" value="Add 2" onclick="addValue(2);" /> 
    <input type="button" value="Add 4" onclick="addValue(4);"/> 
    <span id="currentValueLabel"></span> 
</body> 
</html>