首页  >  问答  >  正文

JavaScript:递增和递减函数

我正在练习我的 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>

P粉761718546P粉761718546263 天前461

全部回复(1)我来回复

  • P粉759451255

    P粉7594512552024-01-30 00:21:19

    使用number++number变量进行自增时,该语句返回自增前的值。如果您想获取递增后的数字,请使用 ++number 而不是 number++

    对于 -- 来说,自然也是如此。

    回复
    0
  • 取消回复