在按钮单击时添加或减少变量值?

时间:2013-01-02 19:06:24

标签: javascript variables buttonclick

我是javascript的新手,所以请原谅我,如果它实际上是一个疯狂的简单的事情,但我一直在谷歌上搜索我的所有参考网站,没有运气。我要做的是显示一个变量的值,并在用户点击相应的按钮时将变量值改为+1或-1 - like this

任何人都可以帮助我吗?谢谢!

1 个答案:

答案 0 :(得分:1)

以下是您可以使用的示例。这是一个完整的HTML页面,您可以在Web浏览器中打开以查看实际操作。将其复制并粘贴到文本文件中,然后保存为example.html。在记事本或类似的东西中打开它来编辑它。

这只是一个简单的例子 - 有很多方法可以做这样的事情。谷歌周围,看看例子,并与他们一起玩,这将是有意义的,一点一滴。

虽然它已经老了,但并不总是完美的,如果你想了解更多,the examples at W3C可能仍然是一个好的起点。

<html>
<head>
    <script type="text/javascript">
        var currentValue = 0;
        var add = function(valueToAdd){
            alert("adding: " + valueToAdd);
            currentValue += valueToAdd;
            document.getElementById('number').innerHTML = currentValue;
        };
    </script>

    </head>
    <body>
        <div id="text">Number of eggs:<span id="number">0</span><div>
        <a href="javascript:add(1)">Plus 1</a>
        <a href="javascript:add(-1)">Minus 1</a>

    </body>
</html> 

更新:一点点补充:如果你想要一本关于Javascript的相当新的好书,并且想要“正确”地学习它,那么JavaScript: The Good Parts可能就是你想要的书。它不是一本大书(如果我没记错的话,不到100页),但是对这门语言进行了很好的概述。