addEventListener，每次单击添加1

Question

我创建了两个按钮和一个显示窗口。如果我单击+按钮，我希望显示窗口可以添加1。如果我点击-按钮，我希望显示窗口可以减去1。然而，这个功能似乎不起作用。我可以知道我的代码有什么问题吗：

let addButton = document.getElementById('add');
let subtractButton = document.getElementById('subtract');
let humanGuess = document.getElementById('human-guess');
function addNum() {
humanGuess.value = +humanGuess.value + 1;
}
addButton.addEventListener('click', addNum)
function subtractNum() {
humanGuess.value = -humanGuess.value - 1;
}
subtractButton.addEventListener('click', subtractNum)

<div class="number-controls">
<input type="number" id="human-guess" min=0 max=9 value=0>
<button class="number-control left" id="subtract">-</button>
<button class="number-control right" id="add">+</button>
</div>

Answer 1

您需要将humanGuess.value = -humanGuess.value - 1;中的第一个减号更改为加号。+用于返回一个数字的数字表示，也称为一元加号。按照最初的方式，它将数字从负数翻转为正数，反之亦然，然后减去1，也就是一元否定。

let addButton = document.getElementById('add');
let subtractButton = document.getElementById('subtract');
let humanGuess = document.getElementById('human-guess');
function addNum() {
humanGuess.value = +humanGuess.value + 1;
}
addButton.addEventListener('click', addNum)
function subtractNum() {
humanGuess.value = +humanGuess.value - 1;
}
subtractButton.addEventListener('click', subtractNum)

<div class="number-controls">
<input type="number" id="human-guess" min=0 max=9 value=0>
<button class="number-control left" id="subtract">-</button>
<button class="number-control right" id="add">+</button>
</div>