JavaScript 配列について

Question

ユーザーが入力した任意の数値とコンピューターが出力したものが合っていれば当たり！みたいなプログラムを作りたく、
HTMLでinputタグを5つ作り、それをJavaScriptでid名で取得し、イベント属性もつけたかったためひとつひとつ変数で、作っていました。
しかし、コンピューターの出力結果を、random関数を使い、配列で出すようにしたため、ユーザーの入力した数値とコンピューターの出力した配列での数値を比較するのが難しく、コードも長くなりそうだったので、やり方を変え、ユーザー入力の方も配列にしようとしています。
そうすれば配列同士を比較して、if文で当たり判定出すのが簡単かなと‥。

そこで、配列の考え方が合っているのかわかりませんが、
元々作っていたものに空の配列を加え、それぞれに配列を入れ込みました。

ver array=[];
elem1.addEventListEnenr('blur',function(){
array[0]= elem1.value;
if(! elem1.value.match(^0-9$){エラー処理}
},false);
みたいなのを5つ‥

一応コンソール状で確認すると配列にはできてるんですが、
これでいいのかなと‥

それぞれにエラー処理もつけたかったので、addEventListEnenr関数で書いてるんですが、配列でも同じことができるんですかね？

配列は変数の集まりなだけで、同じようなこと書くなら配列使った方が便利くらいの認識でいいのでしょうか？

配列苦手すぎるので、バカにもわかる解説とか他にこういう方法もあるよとか教えていただけたら嬉しいです！

初歩的なことで申し訳ないですが、どなたかご教授ください。
お願いします。

Comments

[退会済みユーザー]

すみません。上記コードでは配列に入ってませんでした‥。イベント属性の中で全て書いたら配列になったのですが、inputタグひとつの中に全て書くのも変ですし、どなたかそれぞれに配列を入れ込むやり方を教えて欲しいです‥。

[HayatoKamono]

HTMLとJavaScriptの全コードを質問文に貼り付けると、回答者も回答しやすくなり、回答もつきやすくなると思います。

[think49]

https://teratail.com/help#posted-otherservice を読んでください

Answer 1

なるほど！
NAMEで一気に取れるんですね‥。
やりたいことが簡単にできました！
ありがとうございます！

Answer 2

テストコードを書いて検証してみました。
やりたいことはこんな感じでしょうか？
elem1となっているオブジェクトはcheck_input[ii]だと思って下さい。

addEventListenerに関しては、私は配列に添字を付けてメソッドを呼び出していますが、
もっと良い書き方があるのかもしれません。

配列は同じ形の箱を並べたもののような認識で、
"一つのまとまり"みたいなイメージでしょうか？

var check_input = document.getElementsByName("target[]");

for (var ii=0; ii < check_input.length;ii++){
	check_input[ii].addEventListener('blur',function(event){
		if(! event.target.value.match('^[0-9]?$')){
			//エラー処理
			alert('test');
		}
	},false)
}