将.click添加到一个数组项中，对另一个数组项进行更改

Question

我想使用+和-按钮来多次重复更改输入。这是HTML代码：

<span>
  <input type="number" class="quantity-box" value="1">
  <input type="button" class="addbtn" value="+">
  <input type="button" class="minusbtn" value="-">
</span>
<span>
  <input type="number" class="quantity-box" value="1">
  <input type="button" class="addbtn" value="+">
  <input type="button" class="minusbtn" value="-">
</span>

当我单击+或-按钮时，它可能会更改数字。这是我的JS代码：

let addBtn = document.getElementsByClassName('addbtn');
let numberInput = document.getElementsByClassName('quantity-box');

for (var i = 0; i < addBtn.length; i++) {
   addBtn[i].addEventListener('.click', function() {
        numberInput[i].value = parseInt(numberInput[i].value) + 1;
      });
    }

但是当我单击按钮时，什么都没有改变。 谢谢！