for文で取得したclassのvalueを扱う方法

Question

前提・実現したいこと

こちらの質問と関連していて記述量を減らすのが目的なのですが、
https://teratail.com/questions/335017?modal=q-comp

繰り返し処理でユーザーが入力したvalueをそれぞれ取得し、その値を別の場所で利用したいです。
利用したいのですが、for文の{}内にどのように記述をすればいいのかがわかりません。

もともと
var number1 = document.getElementById("number1").value;
のように取得していたのですが、これが数字を10個、20個と増やしたくなった時に効率がよくないと思い、下記のようなイメージで作成したいです。

for文の{}内にどのように記述をすれば私のイメージしたことが実現できるのか、ヒントをいただきたいです。

該当のソースコード

<form>
    <input type="text" id="number1" class="number" value="" onblur="check1()"><br>
    <input type="text" id="number2" class="number" value="" onblur="check1()"><br>
    <input type="text" id="number3" class="number" value="" onblur="check1()"><br>
    <input type="text" id="number4" class="number" value="" onblur="check1()"><br>
    <input type="text" id="number5" class="number" value="" onblur="check1()"><br>
</form>



var number = document.querySelectorAll(".number.value");
  for(var i = 0; i <= number.length; i++){
    ここで取得したvalueを下のif文の「number1」や「number2」の部分に入れたい

    イメージは
    var num[i] = number[i].value;
    このようにしたいです。
  }

   上のnum[i]を下の「number1」部分に入れたい
if(number1.match(/^[0-9]{1}$/) && number2.match(/^[0-9]{1}$/) && number3.match(/^[0-9]{1}$/) && number4.match(/^[0-9]{1}$/) && number5.match(/^[0-9]{1}$/){

Answer 1

//本来、このような使い方をしてはダメ！
[...document.querySelectorAll(".number")].forEach (e=>window[e.id]=e.value);
console.log(number1, number2, number3, number4, number5);

//必要とするのはこれか？
console.log(
  [...document.querySelectorAll(".number")].every (e=> e.value.match(/^\d$/))
);

Comments

[退会済みユーザー]

ありがとうございます。

知らなかった点を調べて参考にさせていただきます。