使用JavaScript简单点击计数器

时间:2014-07-04 17:15:26

标签: javascript css

我正在创建一个简单的小测试游戏,我的想法是一个数字' 0'显示在屏幕上。当你点击数字时,它会增加1.我希望数字计数器是无限的,所以你可以继续点击它,它会增加1。

我还需要一种重置号码的方法。可能旁边有一个按钮,或者在它旁边说“重置”。

我没有任何代码,但我认为这很简单。我知道一些JavaScript和大多数HTML / CSS,所以如果它可以在JavaScript中完成那么这将非常酷。

提前致谢!再见:)

1 个答案:

答案 0 :(得分:0)

http://jsfiddle.net/Hk4xJ/1/

HTML

<div id="counter">o</div>
<button id="reset">reset</button>

的javascript

var count=0

document.getElementById("counter").onclick=function(){
    count=count+1;
    this.innerHTML=count}

document.getElementById("reset").onclick=function(){
    count=0
    document.getElementById("counter").innerHTML=count;
}