JavaScript增减计数器
时间: 2023-12-16 15:46:02 浏览: 35
下面是一个例子,演示如何使用JavaScript实现增减计数器:
```html
<!DOCTYPE html>
<html>
<head>
<title>JavaScript增减计数器</title>
<script type="text/javascript">
var count = 0; // 初始化计数器为0
// 增加计数器的函数
function increaseCount() {
count++; // 计数器加1
document.getElementById("count").innerHTML = count; // 更新页面上的计数器显示
}
// 减少计数器的函数
function decreaseCount() {
count--; // 计数器减1
document.getElementById("count").innerHTML = count; // 更新页面上的计数器显示
}
</script>
</head>
<body>
<h1>JavaScript增减计数器</h1>
<p>当前计数器的值为:<span id="count">0</span></p>
<button onclick="increaseCount()">增加计数器</button>
<button onclick="decreaseCount()">减少计数器</button>
</body>
</html>
```
在上面的例子中,我们定义了一个全局变量`count`,并初始化为0。然后分别定义了增加计数器和减少计数器的函数,这两个函数都会改变计数器的值,并更新页面上显示计数器的元素的innerHTML属性。最后,在页面上我们放置了两个按钮,当点击按钮时会分别调用增加计数器和减少计数器的函数。