每次按下按钮时，我都试图增加upBtn和减少downBtn10,000。将downBtn被递减，但upBtn被串联。有人可以解释为什么一个工作正常，为什么另一个不工作以及我如何解决它？我是编码新手，可以使用帮助来理解这一点。
upBtn.addEventListener('click', function (event) {
rocketImg.style.top -= 10;
document.getElementById('spaceShuttleHeight').textContent += 10000;
});
downBtn.addEventListener('click', function (event) {
rocketImg.style.top += 10;
document.getElementById('spaceShuttleHeight').textContent -= 10000;
});```
您需要使用parseInt或类似的方法让 JavaScript 知道这应该被视为数字而不是字符串：
const adjustValue = event => {
const increasePressed = event.target.id === 'increase';
const decreasedPressed = event.target.id === 'decrease';
if (increasePressed || decreasedPressed) {
const currentValue = parseInt(document.querySelector('#el').innerHTML);
const el = document.querySelector('#el');
el.innerHTML = increasePressed ? currentValue + 10000 : currentValue - 10000;
}
};
document.querySelector('#container').addEventListener('click', adjustValue);<div id="container">
<span>Current value: </span><span id="el">0</span><br/>
<input id="increase" type="button" value="Increase" />
<input id="decrease" type="button" value="Decrease" />
</div>本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句