teratail
回答率
85.48%
質問するログイン新規登録
トップに関する質問Javascriptで2つの配列を比較した結果に応じて表示を変化

編集履歴

質問編集履歴

8

ok

2020/03/17 14:09

投稿

t_t_t_t_t_t
t_t_t_t_t_t

スコア10

test CHANGED
File without changes
test CHANGED
@@ -7,85 +7,3 @@
7
7
  結果ボタンを押した際、USERとCOMの数字に応じて、「結果」の下に、「大当たり（USERとCOMの数字が全て一致し数字の並び順番も一緒の場合）」「当たり（USERとBOXの数字が全て一致）」「はずれ（その他）」と表示したいと思っています。
8
8
 
9
9
  当たりを表示するにはどのようにすれば良いでしょうか？
10
-
11
- 以下のコードを用いてご教示いただけると助かります。
12
-
13
- ```html
14
-
15
- <form>
16
-
17
- <input type="text" id="user1">
18
-
19
- <input type="text" id="user2">
20
-
21
- <input type="text" id="user3">
22
-
23
- <div id=error></div>
24
-
25
- <input type="button" value="結果" id="button"><br;>
26
-
27
- <div id="USER"></div>
28
-
29
- <div id="COM"></div>
30
-
31
- <div type="text" id="com1"></div>
32
-
33
- <div type="text" id="com2"></div>
34
-
35
- <div type="text" id="com3"></div>
36
-
37
- <br>
38
-
39
- <div type="text" id="result"></div>
40
-
41
- </form>
42
-
43
- ```
44
-
45
- ```javascript
46
-
47
- button.addEventListener('click', function(){
48
-
49
- var result = document.getElementById("result");
50
-
51
- var array = [...Array(6).keys()];
52
-
53
- var com = [];
54
-
55
- var users = [];
56
-
57
- for (var i = 0; i < 3; i++) {
58
-
59
- com[i] = Math.floor(Math.random() * array.length);
60
-
61
- document.getElementById('com' + (i+1)).value = com[i];
62
-
63
- }
64
-
65
- for (var i = 1; i < 3; i++) {
66
-
67
- users[i] = Number(document.getElementById('user' + (i+1)).value);
68
-
69
- }
70
-
71
- USER.innerHTML = "USER: [" + users1.value + "][" + users2.value + "][" + users3.value + "]";
72
-
73
- COM.innerHTML = "COM: [" + com1.value + "][" + com2.value + "][" + com3.value + "]";
74
-
75
- if(users1.value == com1.value && users2.value == com2.value && users3.value == com3.value){
76
-
77
- result.innerHTML = "大当たり";
78
-
79
- } else if(users[i] === com[i]) {
80
-
81
- result.innerHTML = "当たり";
82
-
83
- } else {
84
-
85
- result.innerHTML = "はずれ";
86
-
87
- }
88
-
89
- },false);
90
-
91
- ```

7

削除された内容の復元を行いました

2020/03/17 14:09

投稿

t_t_t_t_t_t
t_t_t_t_t_t

スコア10

test CHANGED
File without changes
test CHANGED
@@ -1 +1,91 @@
1
1
  JavaScriptの勉強中です。ライブラリやフレームワークを使わずにしたいです。
2
+
3
+ 0から5の三つの数字を入力←USER
4
+
5
+ 0から5をランダムに三つ←COM
6
+
7
+ 結果ボタンを押した際、USERとCOMの数字に応じて、「結果」の下に、「大当たり（USERとCOMの数字が全て一致し数字の並び順番も一緒の場合）」「当たり（USERとBOXの数字が全て一致）」「はずれ（その他）」と表示したいと思っています。
8
+
9
+ 当たりを表示するにはどのようにすれば良いでしょうか？
10
+
11
+ 以下のコードを用いてご教示いただけると助かります。
12
+
13
+ ```html
14
+
15
+ <form>
16
+
17
+ <input type="text" id="user1">
18
+
19
+ <input type="text" id="user2">
20
+
21
+ <input type="text" id="user3">
22
+
23
+ <div id=error></div>
24
+
25
+ <input type="button" value="結果" id="button"><br;>
26
+
27
+ <div id="USER"></div>
28
+
29
+ <div id="COM"></div>
30
+
31
+ <div type="text" id="com1"></div>
32
+
33
+ <div type="text" id="com2"></div>
34
+
35
+ <div type="text" id="com3"></div>
36
+
37
+ <br>
38
+
39
+ <div type="text" id="result"></div>
40
+
41
+ </form>
42
+
43
+ ```
44
+
45
+ ```javascript
46
+
47
+ button.addEventListener('click', function(){
48
+
49
+ var result = document.getElementById("result");
50
+
51
+ var array = [...Array(6).keys()];
52
+
53
+ var com = [];
54
+
55
+ var users = [];
56
+
57
+ for (var i = 0; i < 3; i++) {
58
+
59
+ com[i] = Math.floor(Math.random() * array.length);
60
+
61
+ document.getElementById('com' + (i+1)).value = com[i];
62
+
63
+ }
64
+
65
+ for (var i = 1; i < 3; i++) {
66
+
67
+ users[i] = Number(document.getElementById('user' + (i+1)).value);
68
+
69
+ }
70
+
71
+ USER.innerHTML = "USER: [" + users1.value + "][" + users2.value + "][" + users3.value + "]";
72
+
73
+ COM.innerHTML = "COM: [" + com1.value + "][" + com2.value + "][" + com3.value + "]";
74
+
75
+ if(users1.value == com1.value && users2.value == com2.value && users3.value == com3.value){
76
+
77
+ result.innerHTML = "大当たり";
78
+
79
+ } else if(users[i] === com[i]) {
80
+
81
+ result.innerHTML = "当たり";
82
+
83
+ } else {
84
+
85
+ result.innerHTML = "はずれ";
86
+
87
+ }
88
+
89
+ },false);
90
+
91
+ ```

6

文法の修正

2020/03/17 08:01

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -1,9 +1 @@
1
1
  JavaScriptの勉強中です。ライブラリやフレームワークを使わずにしたいです。
2
-
3
- 0から5の三つの数字を入力←USER
4
-
5
- 0から5をランダムに三つ←COM
6
-
7
- 結果ボタンを押した際、USERとCOMの数字に応じて、「結果」の下に、「大当たり（USERとCOMの数字が全て一致し数字の並び順番も一緒の場合）」「当たり（USERとBOXの数字が全て一致）」「はずれ（その他）」と表示したいと思っています。
8
-
9
- 当たりを表示するにはどのようにすれば良いでしょうか？

5

文法の修正

2020/03/17 01:31

投稿

t_t_t_t_t_t
t_t_t_t_t_t

スコア10

test CHANGED
File without changes
test CHANGED
@@ -7,85 +7,3 @@
7
7
  結果ボタンを押した際、USERとCOMの数字に応じて、「結果」の下に、「大当たり（USERとCOMの数字が全て一致し数字の並び順番も一緒の場合）」「当たり（USERとBOXの数字が全て一致）」「はずれ（その他）」と表示したいと思っています。
8
8
 
9
9
  当たりを表示するにはどのようにすれば良いでしょうか？
10
-
11
- 以下のコードを用いてご教示いただけると助かります。
12
-
13
- ```html
14
-
15
- <form>
16
-
17
- <input type="text" id="user1">
18
-
19
- <input type="text" id="user2">
20
-
21
- <input type="text" id="user3">
22
-
23
- <div id=error></div>
24
-
25
- <input type="button" value="結果" id="button"><br;>
26
-
27
- <div id="USER"></div>
28
-
29
- <div id="COM"></div>
30
-
31
- <div type="text" id="com1"></div>
32
-
33
- <div type="text" id="com2"></div>
34
-
35
- <div type="text" id="com3"></div>
36
-
37
- <br>
38
-
39
- <div type="text" id="result"></div>
40
-
41
- </form>
42
-
43
- ```
44
-
45
- ```javascript
46
-
47
- button.addEventListener('click', function(){
48
-
49
- var result = document.getElementById("result");
50
-
51
- var array = [...Array(6).keys()];
52
-
53
- var com = [];
54
-
55
- var users = [];
56
-
57
- for (var i = 0; i < 3; i++) {
58
-
59
- com[i] = Math.floor(Math.random() * array.length);
60
-
61
- document.getElementById('com' + (i+1)).value = com[i];
62
-
63
- }
64
-
65
- for (var i = 1; i < 3; i++) {
66
-
67
- users[i] = Number(document.getElementById('user' + (i+1)).value);
68
-
69
- }
70
-
71
- USER.innerHTML = "USER: [" + users1.value + "][" + users2.value + "][" + users3.value + "]";
72
-
73
- COM.innerHTML = "COM: [" + com1.value + "][" + com2.value + "][" + com3.value + "]";
74
-
75
- if(users1.value == com1.value && users2.value == com2.value && users3.value == com3.value){
76
-
77
- result.innerHTML = "大当たり";
78
-
79
- } else if(users[i] === com[i]) {
80
-
81
- result.innerHTML = "当たり";
82
-
83
- } else {
84
-
85
- result.innerHTML = "はずれ";
86
-
87
- }
88
-
89
- },false);
90
-
91
- ```

4

削除された内容の復元を行いました

2020/03/10 05:05

投稿

t_t_t_t_t_t
t_t_t_t_t_t

スコア10

test CHANGED
File without changes
test CHANGED
@@ -1,13 +1,91 @@
1
1
  JavaScriptの勉強中です。ライブラリやフレームワークを使わずにしたいです。
2
-
3
-
4
2
 
5
3
  0から5の三つの数字を入力←USER
6
4
 
7
- 0から5をランダムに三つ←CPU
5
+ 0から5をランダムに三つ←COM
8
6
 
9
-
10
-
11
- 結果ボタンを押した際、USERとCPUの数字に応じて、「結果」の下に、「大当たり（USERとCPUの数字が全て一致し数字の並び順番も一緒の場合）」「当たり（USERとBOXの数字が全て一致）」「はずれ（その他）」と表示したいと思っています。
7
+ 結果ボタンを押した際、USERとCOMの数字に応じて、「結果」の下に、「大当たり（USERとCOMの数字が全て一致し数字の並び順番も一緒の場合）」「当たり（USERとBOXの数字が全て一致）」「はずれ（その他）」と表示したいと思っています。
12
8
 
13
9
  当たりを表示するにはどのようにすれば良いでしょうか？
10
+
11
+ 以下のコードを用いてご教示いただけると助かります。
12
+
13
+ ```html
14
+
15
+ <form>
16
+
17
+ <input type="text" id="user1">
18
+
19
+ <input type="text" id="user2">
20
+
21
+ <input type="text" id="user3">
22
+
23
+ <div id=error></div>
24
+
25
+ <input type="button" value="結果" id="button"><br;>
26
+
27
+ <div id="USER"></div>
28
+
29
+ <div id="COM"></div>
30
+
31
+ <div type="text" id="com1"></div>
32
+
33
+ <div type="text" id="com2"></div>
34
+
35
+ <div type="text" id="com3"></div>
36
+
37
+ <br>
38
+
39
+ <div type="text" id="result"></div>
40
+
41
+ </form>
42
+
43
+ ```
44
+
45
+ ```javascript
46
+
47
+ button.addEventListener('click', function(){
48
+
49
+ var result = document.getElementById("result");
50
+
51
+ var array = [...Array(6).keys()];
52
+
53
+ var com = [];
54
+
55
+ var users = [];
56
+
57
+ for (var i = 0; i < 3; i++) {
58
+
59
+ com[i] = Math.floor(Math.random() * array.length);
60
+
61
+ document.getElementById('com' + (i+1)).value = com[i];
62
+
63
+ }
64
+
65
+ for (var i = 1; i < 3; i++) {
66
+
67
+ users[i] = Number(document.getElementById('user' + (i+1)).value);
68
+
69
+ }
70
+
71
+ USER.innerHTML = "USER: [" + users1.value + "][" + users2.value + "][" + users3.value + "]";
72
+
73
+ COM.innerHTML = "COM: [" + com1.value + "][" + com2.value + "][" + com3.value + "]";
74
+
75
+ if(users1.value == com1.value && users2.value == com2.value && users3.value == com3.value){
76
+
77
+ result.innerHTML = "大当たり";
78
+
79
+ } else if(users[i] === com[i]) {
80
+
81
+ result.innerHTML = "当たり";
82
+
83
+ } else {
84
+
85
+ result.innerHTML = "はずれ";
86
+
87
+ }
88
+
89
+ },false);
90
+
91
+ ```

3

文法

2020/03/04 08:53

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -4,104 +4,10 @@
4
4
 
5
5
  0から5の三つの数字を入力←USER
6
6
 
7
- 0から5をランダムに三つ←COM
7
+ 0から5をランダムに三つ←CPU
8
8
 
9
9
 
10
10
 
11
- 結果ボタンを押した際、USERとCOMの数字に応じて、「結果」の下に、「大当たり（USERとCOMの数字が全て一致し数字の並び順番も一緒の場合）」「当たり（USERとBOXの数字が全て一致）」「はずれ（その他）」と表示したいと思っています。
11
+ 結果ボタンを押した際、USERとCPUの数字に応じて、「結果」の下に、「大当たり（USERとCPUの数字が全て一致し数字の並び順番も一緒の場合）」「当たり（USERとBOXの数字が全て一致）」「はずれ（その他）」と表示したいと思っています。
12
12
 
13
13
  当たりを表示するにはどのようにすれば良いでしょうか？
14
-
15
-
16
-
17
- 以下のコードを用いてご教示いただけると助かります。
18
-
19
-
20
-
21
-
22
-
23
- ```html
24
-
25
- <form>
26
-
27
- <input type="text" id="user1">
28
-
29
- <input type="text" id="user2">
30
-
31
- <input type="text" id="user3">
32
-
33
- <div id=error></div>
34
-
35
- <input type="button" value="結果" id="button"><br;>
36
-
37
- <div id="USER"></div>
38
-
39
- <div id="COM"></div>
40
-
41
- <div type="text" id="com1"></div>
42
-
43
- <div type="text" id="com2"></div>
44
-
45
- <div type="text" id="com3"></div>
46
-
47
- <br>
48
-
49
- <div type="text" id="result"></div>
50
-
51
- </form>
52
-
53
- ```
54
-
55
- ```javascript
56
-
57
- button.addEventListener('click', function(){
58
-
59
- var result = document.getElementById("result");
60
-
61
-
62
-
63
- var array = [...Array(6).keys()];
64
-
65
- var com = [];
66
-
67
- var users = [];
68
-
69
- for (var i = 0; i < 3; i++) {
70
-
71
- com[i] = Math.floor(Math.random() * array.length);
72
-
73
- document.getElementById('com' + (i+1)).value = com[i];
74
-
75
- }
76
-
77
- for (var i = 1; i < 3; i++) {
78
-
79
- users[i] = Number(document.getElementById('user' + (i+1)).value);
80
-
81
- }
82
-
83
-
84
-
85
- USER.innerHTML = "USER: [" + users1.value + "][" + users2.value + "][" + users3.value + "]";
86
-
87
- COM.innerHTML = "COM: [" + com1.value + "][" + com2.value + "][" + com3.value + "]";
88
-
89
-
90
-
91
- if(users1.value == com1.value && users2.value == com2.value && users3.value == com3.value){
92
-
93
- result.innerHTML = "大当たり";
94
-
95
- } else if(users[i] === com[i]) {
96
-
97
- result.innerHTML = "当たり";
98
-
99
- } else {
100
-
101
- result.innerHTML = "はずれ";
102
-
103
- }
104
-
105
- },false);
106
-
107
- ```

2

文法の修正

2020/03/04 07:14

投稿

t_t_t_t_t_t
t_t_t_t_t_t

スコア10

test CHANGED
File without changes
test CHANGED
@@ -8,7 +8,9 @@
8
8
 
9
9
 
10
10
 
11
- 結果ボタンを押した際、USERとCOMの数字に応じて、「結果」の下に、「大当たり（USERとCOMの数字が全て一致し数字の並び順番も一緒の場合）」「当たり（USERとBOXの数字が全て一致）」「はずれ（その他）」と表示したいと思っていますが、当たりをどのように表示できるでしょうか？
11
+ 結果ボタンを押した際、USERとCOMの数字に応じて、「結果」の下に、「大当たり（USERとCOMの数字が全て一致し数字の並び順番も一緒の場合）」「当たり（USERとBOXの数字が全て一致）」「はずれ（その他）」と表示したいと思っています。
12
+
13
+ 当たりを表示するにはどのようにすれば良いでしょうか？
12
14
 
13
15
 
14
16
 

1

文法の修正

2020/02/27 04:49

投稿

t_t_t_t_t_t
t_t_t_t_t_t

スコア10

test CHANGED
File without changes
test CHANGED
@@ -8,7 +8,7 @@
8
8
 
9
9
 
10
10
 
11
- 結果ボタンを押した際、入力した数値（USER）とランダムで出力した数値（COM）との数字に応じて、「結果」の下に、「大当たり（USERとCOMの数字が全て一致し数字の並び順番も一緒の場合）」「当たり（USERとBOXの数字が全て一致）」「はずれ（その他）」と表示したいと思っていますが、当たりをどのように表示できるでしょうか？
11
+ 結果ボタンを押した際、USERとCOMの数字に応じて、「結果」の下に、「大当たり（USERとCOMの数字が全て一致し数字の並び順番も一緒の場合）」「当たり（USERとBOXの数字が全て一致）」「はずれ（その他）」と表示したいと思っていますが、当たりをどのように表示できるでしょうか？
12
12
 
13
13
 
14
14