js计数器代码
时间: 2023-09-16 17:12:48 浏览: 46
下面是一个简单的JavaScript计数器代码:
```javascript
var count = 0;
function increment() {
count++;
document.getElementById("counter").innerHTML = count;
}
function decrement() {
count--;
document.getElementById("counter").innerHTML = count;
}
```
在HTML中,你可以使用下面的代码来显示计数器:
```html
<p>Count: <span id="counter">0</span></p>
<button onclick="increment()">+</button>
<button onclick="decrement()">-</button>
```
这将显示一个 "Count: 0" 的段落和两个按钮,当你点击 "+" 按钮时,计数器增加1,当你点击 "-" 按钮时,计数器减少1,同时显示的数字也会随之改变。
相关问题
力扣计数器(javascript)
以下是一个力扣计数器的JavaScript代码示例:
```javascript
var createCounter = function(n) {
return function() {
return n++;
};
};
var counter = createCounter(0);
console.log(counter()); // 输出:0
console.log(counter()); // 输出:1
console.log(counter()); // 输出:2
```
这段代码中,`createCounter`函数接受一个初始值`n`作为参数,并返回一个闭包函数。闭包函数内部使用了外部函数`createCounter`的局部变量`n`,并且在每次调用时将`n`的值自增。通过这种方式,闭包函数实现了一个计数器的功能。
在示例中,我们首先通过`createCounter(0)`创建了一个计数器`counter`,初始值为0。然后,每次调用`counter()`函数时,计数器的值会自增并返回。所以,连续调用三次`counter()`函数,分别输出0、1、2。
力扣计数器II(javascript)
以下是力扣计数器II的JavaScript示例代码:
```javascript
class Counter {
constructor() {
this.count = 0;
}
increment() {
this.count++;
}
decrement() {
if (this.count > 0) {
this.count--;
}
}
reset() {
this.count = 0;
}
getCount() {
return this.count;
}
}
// 创建一个计数器实例
const counter = new Counter();
// 操作计数器
counter.increment(); // 增加计数器值
console.log(counter.getCount()); // 输出:1
counter.decrement(); // 减少计数器值
console.log(counter.getCount()); // 输出:0
counter.reset(); // 重置计数器值
console.log(counter.getCount()); // 输出:0
```
这是一个简单的计数器类,它具有增加、减少、重置和获取计数器值的功能。你可以创建一个计数器实例,并使用相应的方法来操作计数器的值。