如果我有45个按钮(数字)，而我必须选择6个数字，我如何让我点击的6个按钮转到我的6个输入数字

Question

如果我有45个按钮(数字)，而我必须选择6个数字，我如何让我点击的6个按钮转到我的6个输入数字，也就是说，每次点击一个按钮，将这个值发送到一个输入类型的数字

我单击了第一个按钮，并执行了将输入id = "chk1“调用到第一个收件箱innerHTML.value = "”的功能，但是如何使第二个单击的按钮转到第二个输入？

21 22

    <script type="text/javascript">
         function botonear() {
          document.getElementById("chk1").value= 21;
         }
          function botonear2() {
          document.getElementById("chk2").value= 22;
         }
       </script>

我希望点击任何按钮并将其发送到第一个空输入，然后在不同按钮中的第二次单击转到第二个空输入，依此类推。

Answer 1

假设您将myButtons和myInputs分别用作按钮和输入的数组，您可以：

1)使用addEventListener将事件侦听器附加到每个按钮并检测点击；

2)使用array.prototype.find查找第一个空输入并更新它的值。

myButtons.forEach((button, i) =>
    button.addEventListener('click', () => {
      let firstEmptyInput = myInputs.find(input => !input.value);
      if (firstEmptyInput)
        firstEmptyInput.value = i;
    }));

1个addEventListener https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener

2 find：https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/find`