如果我有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`