我正在练习我的 JavaScript 技能,我一直在掌握一个简单的递增计数器函数,我似乎已经掌握了它,所以今天我想将该脚本提升到一个新的水平并减少该值,
这是我的问题,当我点击添加数字,然后继续点击减号时,第一次点击仍然在之前添加一个值 > 倒计时了,为了避免这种情况发生,我错过了什么?
我的代码如下:
const output = document.getElementById('counter');
const addBtn = document.getElementById('btn-add');
const minusBtn = document.getElementById('btn-minus');
let number = 0;
function increment() {
output.innerHTML = number++;
}
function decrement() {
output.innerHTML = number--;
}
addBtn.addEventListener('click', increment);
minusBtn.addEventListener('click', decrement);
<div class="container">
<h1>Increment and Decrement Numbers</h1>
<div class="output">
<div>
<p>Your total count is: <span id="counter"></span></p>
</div>
<div class="buttons">
<button id="btn-add">+</button>
<button id="btn-minus">-</button>
</div>
</div>
</div>
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
使用
number++对number变量进行自增时,该语句返回自增前的值。如果您想获取递增后的数字,请使用++number而不是number++。对于
--来说,自然也是如此。