teratail
回答率
85.48%
質問するログイン新規登録
トップに関する質問配列の表示方法について

編集履歴

質問編集履歴

3

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

2018/11/19 02:59

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -1,3 +1,113 @@
1
- 今回の質問はこれにて回答受付終了します。
1
+ ### 前提・実現したいこと
2
2
 
3
+ javascriptでランダムに画像を表示させ、
4
+
5
+ 表示された画像によって条件を分岐したいと考えています。
6
+
7
+ ### 発生している問題・エラーメッセージ
8
+
9
+ ```
10
+
11
+ 「//カードをマークと数字別で表示させたい」の部分が間違っていると思うのですが、どこが違うのかわかりません。
12
+
13
+ indexOfなどを使えば思った動きをするのかとも思いますが記述がわかりません。
14
+
15
+ consoleでcard[i].markとcard[i].rankを確認しても[undefind]や[NaN]と表示されてしまいます。
16
+
17
+ ```
18
+
19
+ ### 該当のソースコード
20
+
3
- ありがとうございました！
21
+ ```ここに言語名を入力
22
+
23
+ <!DOCTYPE html>
24
+
25
+ <html lang="ja">
26
+
27
+ <head>
28
+
29
+ <meta charset="utf-8">
30
+
31
+ <title>練習</title>
32
+
33
+ </head>
34
+
35
+ <body>
36
+
37
+ <table border="1" height="300" align="center">
38
+
39
+ <tr>
40
+
41
+ <td><img id="Card1" src="image/hyouji.jpg" width="150"></td>
42
+
43
+ <td><img id="Card2" src="image/hyouji.jpg" width="150"></td>
44
+
45
+ <td><img id="Card3" src="image/hyouji.jpg" width="150"></td>
46
+
47
+ <td><img id="Card4" src="image/hyouji.jpg" width="150"></td>
48
+
49
+ </tr>
50
+
51
+ <tr>
52
+
53
+ <td colspan="5" align="center" width="150">
54
+
55
+ <input type="button" value="クリック！" onclick="action()"></td>
56
+
57
+ </tr>
58
+
59
+ <script>
60
+
61
+ function action(){
62
+
63
+ //変数宣言
64
+
65
+ var card=[];
66
+
67
+ var arr=["h01","h02","h03","h04","h05",
68
+
69
+ "s01","s02","s03","s04","s05",
70
+
71
+ "d01","d02","d03","d04","d05",
72
+
73
+ "c01","c02","c03","c04","c05",
74
+
75
+ ];
76
+
77
+ var mark=["h","s","d","c"];
78
+
79
+ var rank=["01","02","03","04","05","06","07","08","09","10","11","12","13"];
80
+
81
+ //カードシャッフル、表示
82
+
83
+ for (var i = 0; i <5; i++) {
84
+
85
+ card[i]=arr.splice(Math.floor(Math.random()*arr.length),1);
86
+
87
+ document.getElementById("Card"+(i+1)).src="image/"+card[i]+".jpg";
88
+
89
+ //カードをマークと数字別で表示させたい
90
+
91
+ card[i]=card[i].mark+card[i].rank;
92
+
93
+ }
94
+
95
+ </script>
96
+
97
+ </body>
98
+
99
+ </html>
100
+
101
+ ```
102
+
103
+ ### 試したこと
104
+
105
+ ランダムに画像を表示させるところまでは上手くいっています。
106
+
107
+ ここから「ハートの場合は」や「数字が０１なら」としたいので,
108
+
109
+ card[i].markとcard[i].rankの形で表示させたいと思っています。
110
+
111
+ ### 補足情報（FW/ツールのバージョンなど）
112
+
113
+ ここにより詳細な情報を記載してください。

2

コードの修正

2018/11/19 02:59

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -1,135 +1,3 @@
1
- ### 前提・実現したいこと
1
+ 今回の質問はこれにて回答受付終了します。
2
2
 
3
- javascriptでランダムに画像を表示させ、
4
-
5
- 表示された画像によって条件を分岐したいと考えています。
6
-
7
-
8
-
9
- ### 発生している問題・エラーメッセージ
10
-
11
-
12
-
13
- ```
14
-
15
- 「//カードをマークと数字別で表示させたい」の部分が間違っていると思うのですが、どこが違うのかわかりません。
16
-
17
- indexOfなどを使えば思った動きをするのかとも思いますが記述がわかりません。
18
-
19
- consoleでcard[i].markとcard[i].rankを確認しても[undefind]や[NaN]と表示されてしまいます。
20
-
21
- ```
22
-
23
-
24
-
25
- ### 該当のソースコード
26
-
27
-
28
-
29
- ```ここに言語名を入力
3
+ ありがとうございました！
30
-
31
- <!DOCTYPE html>
32
-
33
- <html lang="ja">
34
-
35
- <head>
36
-
37
- <meta charset="utf-8">
38
-
39
- <title>練習</title>
40
-
41
- </head>
42
-
43
- <body>
44
-
45
-
46
-
47
- <table border="1" height="300" align="center">
48
-
49
- <tr>
50
-
51
- <td><img id="Card1" src="image/hyouji.jpg" width="150"></td>
52
-
53
- <td><img id="Card2" src="image/hyouji.jpg" width="150"></td>
54
-
55
- <td><img id="Card3" src="image/hyouji.jpg" width="150"></td>
56
-
57
- <td><img id="Card4" src="image/hyouji.jpg" width="150"></td>
58
-
59
-
60
-
61
- </tr>
62
-
63
- <tr>
64
-
65
- <td colspan="5" align="center" width="150">
66
-
67
- <input type="button" value="クリック！" onclick="action()"></td>
68
-
69
- </tr>
70
-
71
- <script>
72
-
73
- function action(){
74
-
75
- //変数宣言
76
-
77
- var card=[];
78
-
79
- var arr=["h01","h02","h03","h04","h05",
80
-
81
- "s01","s02","s03","s04","s05",
82
-
83
- "d01","d02","d03","d04","d05",
84
-
85
- "c01","c02","c03","c04","c05",
86
-
87
- ];
88
-
89
- var mark=["h","s","d","c"];
90
-
91
- var rank=["01","02","03","04","05","06","07","08","09","10","11","12","13"];
92
-
93
- //カードシャッフル、表示
94
-
95
- for (var i = 0; i <5; i++) {
96
-
97
- card[i]=arr.splice(Math.floor(Math.random()*arr.length),1);
98
-
99
- document.getElementById("Card"+(i+1)).src="image/"+card[i]+".jpg";
100
-
101
- //カードをマークと数字別で表示させたい
102
-
103
- card[i]=card[i].mark+card[i].rank;
104
-
105
- }
106
-
107
- </script>
108
-
109
- </body>
110
-
111
- </html>
112
-
113
-
114
-
115
- ```
116
-
117
-
118
-
119
- ### 試したこと
120
-
121
- ランダムに画像を表示させるところまでは上手くいっています。
122
-
123
- ここから「ハートの場合は」や「数字が０１なら」としたいので,
124
-
125
- card[i].markとcard[i].rankの形で表示させたいと思っています。
126
-
127
-
128
-
129
-
130
-
131
- ### 補足情報（FW/ツールのバージョンなど）
132
-
133
-
134
-
135
- ここにより詳細な情報を記載してください。

1

2018/10/16 13:03

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -100,7 +100,7 @@
100
100
 
101
101
  //カードをマークと数字別で表示させたい
102
102
 
103
- card[i]=card[i].suit+card[i].rank;
103
+ card[i]=card[i].mark+card[i].rank;
104
104
 
105
105
  }
106
106