Javascript 如何创建加减按钮来更新字段？

我正在尝试创建一个产品页面，其中包含一个论坛，显示商品的价格、商品名称以及数量，并在数量字段中添加或减去按钮

我不知道从哪里开始，我想我会研究不同类型的按钮和表单输入类型，但它们似乎都没有我需要的

我想知道是否有人能给我指出正确的方向，这样我就能知道这些按钮是如何改变数量字段的，以及我如何制作一个出现在数量旁边的加号和减号按钮

以下是我的意思：

---

使用JavaScript增加和减少输入值：

const minusButton=document.getElementById（'减号'）；
const plusButton=document.getElementById（'plus'）；
const inputField=document.getElementById（'input'）；
minusButton.addEventListener（'单击'，事件=>{
event.preventDefault（）；
const currentValue=数字（inputField.value）| | 0；
inputField.value=当前值-1；
});
plusButton.addEventListener（'单击'，事件=>{
event.preventDefault（）；
const currentValue=数字（inputField.value）| | 0；
inputField.value=当前值+1；
});
−
+
使用JavaScript增加和减少输入值：


const minusButton=document.getElementById（'减号'）；
const plusButton=document.getElementById（'plus'）；
const inputField=document.getElementById（'input'）；
minusButton.addEventListener（'单击'，事件=>{
event.preventDefault（）；
const currentValue=数字（inputField.value）| | 0；
inputField.value=当前值-1；
});
plusButton.addEventListener（'单击'，事件=>{
event.preventDefault（）；
const currentValue=数字（inputField.value）| | 0；
inputField.value=当前值+1；
});
−
+
谢谢，这就是我要找的，你的解释非常有用。@Finesse。这里是如何限制负面输入的？谢谢，这就是我要找的，你的解释非常有用。@Finesse。在这里如何限制负面输入？看看它的答案，它为这个问题提供了一个很好的解决方案。看看它的答案，它为这个问题提供了一个很好的解决方案。