javascript - 单击时增加/减少值

Question

我有一些我已经实现为计数器的代码，但是，可以稍微修改此代码以允许按钮将值增加 200，然后减少到 0？我知道 ++x 会增加，但我不确定为什么 +x 不会添加？它与字符串有关吗？

Javascript：

let x = 200;
$('.counter-button.counter-up').on('click', () => {
  $('.counter-input.w-input').val( +x );
});

$('.counter-button.counter-down').on('click', () => {
  if (x > 0) {
    $('.counter-input.w-input').val( -x );
  }
});

$('.counter-input.w-input').change(function () {
  const num = Number($(this).val());
  // if it's a number
  if (num) {
    // assign its value to x
    x = num;
  }
});

感谢您对此的任何帮助！

标签： javascript

Answer 1

.val() 不会增加或减少，它会分配。尝试：

$('.counter-input.w-input').val( $('.counter-input.w-input').val() + x );