js计数器代码
时间: 2023-09-16 15:15:58 浏览: 73
以下是一个简单的 JavaScript 计数器代码:
HTML 代码:
```html
<button onclick="count()">点击计数</button>
<p id="counter">0</p>
```
JavaScript 代码:
```javascript
var count = 0;
function count() {
count++;
document.getElementById("counter").innerHTML = count;
}
```
这个计数器会在点击按钮时将计数器的值加 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
```
这是一个简单的计数器类,它具有增加、减少、重置和获取计数器值的功能。你可以创建一个计数器实例,并使用相应的方法来操作计数器的值。
阅读全文