有4个这样的加减按钮,如何进行遍历使四个加减按钮随着点击而使value的值也跟着变化,写出具体的代码<div class="num"> <button id="minus">-</button> <input type="text" value=1 id="num-value"> <button id="plus">+</button> </div>
时间: 2023-07-19 19:44:47 浏览: 143
实现点击加减号可以让数字变化的效果
可以通过以下代码实现:
```javascript
let numValue = document.getElementById("num-value");
document.getElementById("minus").addEventListener("click", function() {
numValue.value = parseInt(numValue.value) - 1;
});
document.getElementById("plus").addEventListener("click", function() {
numValue.value = parseInt(numValue.value) + 1;
});
```
这段代码会获取到id为num-value的input元素,并给id为minus和plus的按钮添加点击事件。当点击minus按钮时,会将input元素的值减1,并将结果赋值回input元素;当点击plus按钮时,会将input元素的值加1,并将结果赋值回input元素。这样就能够实现四个加减按钮随着点击而使value的值也跟着变化的效果了。
阅读全文