質問編集履歴
4
title
CHANGED
File without changes
|
body
CHANGED
@@ -1,3 +1,2 @@
|
|
1
|
-
|
1
|
+
無限ループを使ってuserがcomに勝つまでループさせる記述を教えてください。
|
2
|
-
|
2
|
+
よろしくお願いします。
|
3
|
-
ありがとうございました!
|
3
title
CHANGED
File without changes
|
body
CHANGED
@@ -1,229 +1,3 @@
|
|
1
|
-
### 前提・実現したいこと
|
2
|
-
|
3
|
-
javascriptのコードの書き方についてご教授願います。
|
4
|
-
クリックを押したらcom,user共に5枚ずつカードを引き、出たカードによって勝敗を決めます。
|
5
|
-
|
1
|
+
回答を基に自分で試してみたいと思います。
|
6
|
-
10回クリックして10回対戦したうちのどこかで1回はuserが勝つようにしたいです。
|
7
|
-
|
2
|
+
回答を終了させていただきます。
|
8
|
-
|
3
|
+
ありがとうございました!
|
9
|
-
### 該当のソースコード
|
10
|
-
```html
|
11
|
-
|
12
|
-
<!DOCTYPE html>
|
13
|
-
<html lang="ja">
|
14
|
-
<head>
|
15
|
-
<meta charset="utf-8">
|
16
|
-
<title>トランプ</title>
|
17
|
-
</head>
|
18
|
-
<body>
|
19
|
-
<form name="form1">
|
20
|
-
<table border="1" height="600" align="center">
|
21
|
-
<tr>
|
22
|
-
<td colspan="2" id="pvd">"WIN"or"LOSE"</td>
|
23
|
-
<td>com</td>
|
24
|
-
<td colspan="2"></td>
|
25
|
-
</tr>
|
26
|
-
|
27
|
-
<tr>
|
28
|
-
<td><img id="card1" src="image/hyouji.jpg" width="100"></td>
|
29
|
-
<td><img id="card2" src="image/hyouji.jpg" width="100"></td>
|
30
|
-
<td><img id="card3" src="image/hyouji.jpg" width="100"></td>
|
31
|
-
<td><img id="card4" src="image/hyouji.jpg" width="100"></td>
|
32
|
-
<td><img id="card5" src="image/hyouji.jpg" width="100"></td>
|
33
|
-
</tr>
|
34
|
-
<tr>
|
35
|
-
<td colspan="5" align="center">
|
36
|
-
<input type="button" id="game_start" value="ゲームスタート" onclick="start()"></td></tr>
|
37
|
-
|
38
|
-
<tr>
|
39
|
-
<td><img id="card6" src="image/hyouji.jpg" width="100"></td>
|
40
|
-
<td><img id="card7" src="image/hyouji.jpg" width="100"></td>
|
41
|
-
<td><img id="card8" src="image/hyouji.jpg" width="100"></td>
|
42
|
-
<td><img id="card9" src="image/hyouji.jpg" width="100"></td>
|
43
|
-
<td><img id="card10" src="image/hyouji.jpg" width="100"></td>
|
44
|
-
</tr>
|
45
|
-
<tr>
|
46
|
-
<td colspan="2"></td>
|
47
|
-
<td>user</td>
|
48
|
-
<td colspan="2" id="cvd">"WIN"or"LOSE"</td>
|
49
|
-
</tr>
|
50
|
-
</table>
|
51
|
-
|
52
|
-
<script>
|
53
|
-
function start(){
|
54
|
-
//変数宣言
|
55
|
-
var card=[];
|
56
|
-
var cCard=new Array(5);
|
57
|
-
var tramp = [
|
58
|
-
"c02","c03","c04","c05","c06","c07","c08","c09","c10","c11","c12","c13","c14",//0~12
|
59
|
-
"h02","h03","h04","h05","h06","h07","h08","h09","h10","h11","h12","h13","h14",//13~25
|
60
|
-
"d02","d03","d04","d05","d06","d07","d08","d09","d10","d11","d12","d13","d14",//26~38
|
61
|
-
"s02","s03","s04","s05","s06","s07","s08","s09","s10","s11","s12","s13","s14"//39~51
|
62
|
-
];
|
63
|
-
var suit = ["c","h","d","s"];
|
64
|
-
var rank=["02","03","04","05","06","07","08","09","10","11","12","13","14"];
|
65
|
-
//シャッフル
|
66
|
-
for (var i = 0; i <10; i++) {
|
67
|
-
if(0<=i&&i<5){
|
68
|
-
card[i]=tramp.splice(Math.floor(Math.random()*tramp.length),1);
|
69
|
-
document.getElementById("card"+(i+1)).src="image/"+card[i]+".jpg";
|
70
|
-
}else if(5<=i&&i<10){
|
71
|
-
card[i]=tramp.splice(Math.floor(Math.random()*tramp.length),1);
|
72
|
-
document.getElementById("card"+(i+1)).src="image/"+card[i]+".jpg";
|
73
|
-
}
|
74
|
-
}
|
75
|
-
str=card.join(',')
|
76
|
-
var a=str.slice(0,1)
|
77
|
-
var b=str.slice(4,5)
|
78
|
-
var c=str.slice(8,9)
|
79
|
-
var d=str.slice(12,13)
|
80
|
-
var e=str.slice(16,17)
|
81
|
-
var f=str.slice(20,21)
|
82
|
-
var g=str.slice(24,25)
|
83
|
-
var h=str.slice(28,29)
|
84
|
-
var i=str.slice(32,33)
|
85
|
-
var j=str.slice(36,37)
|
86
|
-
|
87
|
-
var a2=str.slice(1,3)
|
88
|
-
var b2=str.slice(5,7)
|
89
|
-
var c2=str.slice(9,11)
|
90
|
-
var d2=str.slice(13,15)
|
91
|
-
var e2=str.slice(17,19)
|
92
|
-
var f2=str.slice(21,23)
|
93
|
-
var g2=str.slice(25,27)
|
94
|
-
var h2=str.slice(29,31)
|
95
|
-
var i2=str.slice(33,35)
|
96
|
-
var j2=str.slice(37,39)
|
97
|
-
var a1=Number(a2)
|
98
|
-
var b1=Number(b2)
|
99
|
-
var c1=Number(c2)
|
100
|
-
var d1=Number(d2)
|
101
|
-
var e1=Number(e2)
|
102
|
-
var f1=Number(f2)
|
103
|
-
var g1=Number(g2)
|
104
|
-
var h1=Number(h2)
|
105
|
-
var i1=Number(i2)
|
106
|
-
var j1=Number(j2)
|
107
|
-
|
108
|
-
var arr=[a1,b1,c1,d1,e1];
|
109
|
-
var arr1=[f1,g1,h1,i1,j1];
|
110
|
-
|
111
|
-
arr.sort(function(x,y){
|
112
|
-
if(x<y)return -1;
|
113
|
-
if(x>y)return 1;
|
114
|
-
return 0;
|
115
|
-
});
|
116
|
-
|
117
|
-
arr1.sort(function(x,y){
|
118
|
-
if(x<y)return -1;
|
119
|
-
if(x>y)return 1;
|
120
|
-
return 0;
|
121
|
-
});
|
122
|
-
|
123
|
-
if ((a===b) && (b===c) &&(c===d) && (d===e)) {
|
124
|
-
if (arr[0]=== 10) {
|
125
|
-
document.getElementById("pcn").innerHTML = "<p>rsf</p>";
|
126
|
-
parent_value=10;
|
127
|
-
} else if (arr[4] - arr[0] === 4) {
|
128
|
-
document.getElementById("pcn").innerHTML = "<p>sf</p>";
|
129
|
-
parent_value=9;
|
130
|
-
} else {
|
131
|
-
document.getElementById("pcn").innerHTML = "<p>f</p>";
|
132
|
-
parent_value=8;
|
133
|
-
}
|
134
|
-
} else if (arr[0] === arr[3] || arr[1] === arr[4]) {
|
135
|
-
document.getElementById("pcn").innerHTML = "<p>four</p>";
|
136
|
-
parent_value=7;
|
137
|
-
} else if ((arr[0] === arr[1] && arr[2] === arr[4]) ||(arr[0] === arr[1] && arr[2] === arr[4])) {
|
138
|
-
document.getElementById("pcn").innerHTML = "<p>fh</p>";
|
139
|
-
parent_value=6;
|
140
|
-
} else if ((arr[4]- arr[3] === 1) && (arr[3] - arr[2] === 1) &&(arr[2] - arr[1] === 1) && (arr[1] - arr[0] === 1)) {
|
141
|
-
document.getElementById("pcn").innerHTML = "<p>s</p>";
|
142
|
-
parent_value=5;
|
143
|
-
} else if (arr[0] === arr[2] || arr[1] === arr[3] ||arr[2] === arr[4]) {
|
144
|
-
document.getElementById("pcn").innerHTML = "<p>three</p>";
|
145
|
-
parent_value=4;
|
146
|
-
} else if ((arr[0] === arr[1] && arr[2] === arr[3]) ||(arr[1] === arr[2] && arr[3] === arr[4]) || (arr[0]=== arr[1] && arr[3] === arr[4])) {
|
147
|
-
document.getElementById("pcn").innerHTML = "<p>two</p>";
|
148
|
-
parent_value=3;
|
149
|
-
} else if (arr[0] === arr[1] || arr[1] === arr[2] ||arr[2] === arr[3] || arr[3] === arr[4]) {
|
150
|
-
document.getElementById("pcn").innerHTML = "<p>one</p>";
|
151
|
-
parent_value=2;
|
152
|
-
} else {
|
153
|
-
document.getElementById("pcn").innerHTML = "<p>hi</p>";
|
154
|
-
parent_value=1;
|
155
|
-
}
|
156
|
-
|
157
|
-
|
158
|
-
if ((f===g) && (g===h) &&(h===i) && (i===j)) {
|
159
|
-
if (arr1[0]=== 10) {
|
160
|
-
document.getElementById("ccn").innerHTML = "<p>rsf</p>";
|
161
|
-
child_value=10;
|
162
|
-
} else if (arr1[4] - arr1[0] === 4) {
|
163
|
-
document.getElementById("ccn").innerHTML = "<p>sf</p>";
|
164
|
-
child_value=9;
|
165
|
-
} else {
|
166
|
-
document.getElementById("ccn").innerHTML = "<p>f</p>";
|
167
|
-
child_value=8;
|
168
|
-
}
|
169
|
-
} else if (arr1[0] === arr1[3] || arr1[1] === arr1[4]) {
|
170
|
-
document.getElementById("ccn").innerHTML = "<p>four</p>";
|
171
|
-
child_value=7;
|
172
|
-
} else if ((arr1[0] ===arr1[1] && arr1[2] === arr1[4]) ||(arr1[0] === arr1[2] && arr1[3] === arr1[4])) {
|
173
|
-
document.getElementById("ccn").innerHTML = "<p>fh</p>";
|
174
|
-
child_value=6;
|
175
|
-
} else if ((arr1[4]- arr1[3] === 1) && (arr1[3] - arr1[2] === 1) &&(arr1[2] - arr1[1] === 1) && (arr1[1] - arr1[0] === 1)) {
|
176
|
-
document.getElementById("ccn").innerHTML = "<p>s</p>";
|
177
|
-
child_value=5;
|
178
|
-
} else if (arr1[0] === arr1[2] || arr1[1] === arr1[3] ||arr1[2] === arr1[4]) {
|
179
|
-
document.getElementById("ccn").innerHTML = "<p>three";
|
180
|
-
child_value=4;
|
181
|
-
} else if ((arr1[0] === arr1[1] && arr1[2] === arr1[3]) ||(arr1[1] === arr1[2] && arr1[3] === arr1[4]) || (arr1[0]=== arr1[1] && arr1[3] === arr1[4])) {
|
182
|
-
document.getElementById("ccn").innerHTML = "<p>two</p>";
|
183
|
-
child_value=3;
|
184
|
-
} else if (arr1[0] === arr1[1] || arr1[1] === arr1[2] ||arr1[2] === arr1[3] || arr1[3] === arr1[4]) {
|
185
|
-
document.getElementById("ccn").innerHTML = "<p>one</p>";
|
186
|
-
child_value=2;
|
187
|
-
} else {
|
188
|
-
document.getElementById("ccn").innerHTML = "<p>hi</p>";
|
189
|
-
child_value=1;
|
190
|
-
}
|
191
|
-
//必勝法
|
192
|
-
|
193
|
-
|
194
|
-
//勝敗
|
195
|
-
if(parent_value>child_value){
|
196
|
-
document.getElementById("pvd").innerHTML="WIN";
|
197
|
-
document.getElementById("cvd").innerHTML="LOSE";
|
198
|
-
}else if(parent_value===child_value){
|
199
|
-
if(parent_value===1 && child_value===1){
|
200
|
-
if(arr[4]>arr1[4]){
|
201
|
-
document.getElementById("pvd").innerHTML="WIN";
|
202
|
-
document.getElementById("cvd").innerHTML="LOSE";
|
203
|
-
}else{
|
204
|
-
document.getElementById("pvd").innerHTML="LOSE";
|
205
|
-
document.getElementById("cvd").innerHTML="WIN";
|
206
|
-
}
|
207
|
-
}else{
|
208
|
-
document.getElementById("pvd").innerHTML="DRAW";
|
209
|
-
document.getElementById("cvd").innerHTML="DRAW";
|
210
|
-
}
|
211
|
-
}else{
|
212
|
-
document.getElementById("pvd").innerHTML="LOSE";
|
213
|
-
document.getElementById("cvd").innerHTML="WIN";
|
214
|
-
}
|
215
|
-
}
|
216
|
-
</script>
|
217
|
-
</body>
|
218
|
-
</html>
|
219
|
-
|
220
|
-
```
|
221
|
-
|
222
|
-
|
223
|
-
### 試したこと
|
224
|
-
配列を1から10まで作り、クリックするごとに配列から1つずつ取り出し、指定した数字の時に
|
225
|
-
userが勝つまで配り続けることをしたいです。
|
226
|
-
他にもいい案があれば教えてください。。
|
227
|
-
|
228
|
-
|
229
|
-
### 補足情報
|
2
title
CHANGED
@@ -1,1 +1,1 @@
|
|
1
|
-
js
|
1
|
+
js 無限ループの処理
|
body
CHANGED
File without changes
|
1
コードの修正
title
CHANGED
File without changes
|
body
CHANGED
@@ -19,14 +19,12 @@
|
|
19
19
|
<form name="form1">
|
20
20
|
<table border="1" height="600" align="center">
|
21
21
|
<tr>
|
22
|
-
<td colspan="2" id="pvd">"WIN"
|
22
|
+
<td colspan="2" id="pvd">"WIN"or"LOSE"</td>
|
23
23
|
<td>com</td>
|
24
24
|
<td colspan="2"></td>
|
25
25
|
</tr>
|
26
|
+
|
26
27
|
<tr>
|
27
|
-
<td colspan="5" id="pcn">comの役名表示</td>
|
28
|
-
</tr>
|
29
|
-
<tr>
|
30
28
|
<td><img id="card1" src="image/hyouji.jpg" width="100"></td>
|
31
29
|
<td><img id="card2" src="image/hyouji.jpg" width="100"></td>
|
32
30
|
<td><img id="card3" src="image/hyouji.jpg" width="100"></td>
|
@@ -36,10 +34,8 @@
|
|
36
34
|
<tr>
|
37
35
|
<td colspan="5" align="center">
|
38
36
|
<input type="button" id="game_start" value="ゲームスタート" onclick="start()"></td></tr>
|
37
|
+
|
39
38
|
<tr>
|
40
|
-
<td colspan="5"id="ccn">userの役名表示</td>
|
41
|
-
</tr>
|
42
|
-
<tr>
|
43
39
|
<td><img id="card6" src="image/hyouji.jpg" width="100"></td>
|
44
40
|
<td><img id="card7" src="image/hyouji.jpg" width="100"></td>
|
45
41
|
<td><img id="card8" src="image/hyouji.jpg" width="100"></td>
|
@@ -49,7 +45,7 @@
|
|
49
45
|
<tr>
|
50
46
|
<td colspan="2"></td>
|
51
47
|
<td>user</td>
|
52
|
-
<td colspan="2" id="cvd">"WIN"
|
48
|
+
<td colspan="2" id="cvd">"WIN"or"LOSE"</td>
|
53
49
|
</tr>
|
54
50
|
</table>
|
55
51
|
|
@@ -126,70 +122,70 @@
|
|
126
122
|
|
127
123
|
if ((a===b) && (b===c) &&(c===d) && (d===e)) {
|
128
124
|
if (arr[0]=== 10) {
|
129
|
-
document.getElementById("pcn").innerHTML = "<p>
|
125
|
+
document.getElementById("pcn").innerHTML = "<p>rsf</p>";
|
130
126
|
parent_value=10;
|
131
127
|
} else if (arr[4] - arr[0] === 4) {
|
132
|
-
document.getElementById("pcn").innerHTML = "<p>
|
128
|
+
document.getElementById("pcn").innerHTML = "<p>sf</p>";
|
133
129
|
parent_value=9;
|
134
130
|
} else {
|
135
|
-
document.getElementById("pcn").innerHTML = "<p>
|
131
|
+
document.getElementById("pcn").innerHTML = "<p>f</p>";
|
136
132
|
parent_value=8;
|
137
133
|
}
|
138
134
|
} else if (arr[0] === arr[3] || arr[1] === arr[4]) {
|
139
|
-
document.getElementById("pcn").innerHTML = "<p>
|
135
|
+
document.getElementById("pcn").innerHTML = "<p>four</p>";
|
140
136
|
parent_value=7;
|
141
137
|
} else if ((arr[0] === arr[1] && arr[2] === arr[4]) ||(arr[0] === arr[1] && arr[2] === arr[4])) {
|
142
|
-
document.getElementById("pcn").innerHTML = "<p>
|
138
|
+
document.getElementById("pcn").innerHTML = "<p>fh</p>";
|
143
139
|
parent_value=6;
|
144
140
|
} else if ((arr[4]- arr[3] === 1) && (arr[3] - arr[2] === 1) &&(arr[2] - arr[1] === 1) && (arr[1] - arr[0] === 1)) {
|
145
|
-
document.getElementById("pcn").innerHTML = "<p>
|
141
|
+
document.getElementById("pcn").innerHTML = "<p>s</p>";
|
146
142
|
parent_value=5;
|
147
143
|
} else if (arr[0] === arr[2] || arr[1] === arr[3] ||arr[2] === arr[4]) {
|
148
|
-
document.getElementById("pcn").innerHTML = "<p>
|
144
|
+
document.getElementById("pcn").innerHTML = "<p>three</p>";
|
149
145
|
parent_value=4;
|
150
146
|
} else if ((arr[0] === arr[1] && arr[2] === arr[3]) ||(arr[1] === arr[2] && arr[3] === arr[4]) || (arr[0]=== arr[1] && arr[3] === arr[4])) {
|
151
|
-
document.getElementById("pcn").innerHTML = "<p>
|
147
|
+
document.getElementById("pcn").innerHTML = "<p>two</p>";
|
152
148
|
parent_value=3;
|
153
149
|
} else if (arr[0] === arr[1] || arr[1] === arr[2] ||arr[2] === arr[3] || arr[3] === arr[4]) {
|
154
|
-
document.getElementById("pcn").innerHTML = "<p>
|
150
|
+
document.getElementById("pcn").innerHTML = "<p>one</p>";
|
155
151
|
parent_value=2;
|
156
152
|
} else {
|
157
|
-
document.getElementById("pcn").innerHTML = "<p>
|
153
|
+
document.getElementById("pcn").innerHTML = "<p>hi</p>";
|
158
154
|
parent_value=1;
|
159
155
|
}
|
160
156
|
|
161
157
|
|
162
158
|
if ((f===g) && (g===h) &&(h===i) && (i===j)) {
|
163
159
|
if (arr1[0]=== 10) {
|
164
|
-
document.getElementById("ccn").innerHTML = "<p>
|
160
|
+
document.getElementById("ccn").innerHTML = "<p>rsf</p>";
|
165
161
|
child_value=10;
|
166
162
|
} else if (arr1[4] - arr1[0] === 4) {
|
167
|
-
document.getElementById("ccn").innerHTML = "<p>
|
163
|
+
document.getElementById("ccn").innerHTML = "<p>sf</p>";
|
168
164
|
child_value=9;
|
169
165
|
} else {
|
170
|
-
document.getElementById("ccn").innerHTML = "<p>
|
166
|
+
document.getElementById("ccn").innerHTML = "<p>f</p>";
|
171
167
|
child_value=8;
|
172
168
|
}
|
173
169
|
} else if (arr1[0] === arr1[3] || arr1[1] === arr1[4]) {
|
174
|
-
document.getElementById("ccn").innerHTML = "<p>
|
170
|
+
document.getElementById("ccn").innerHTML = "<p>four</p>";
|
175
171
|
child_value=7;
|
176
172
|
} else if ((arr1[0] ===arr1[1] && arr1[2] === arr1[4]) ||(arr1[0] === arr1[2] && arr1[3] === arr1[4])) {
|
177
|
-
document.getElementById("ccn").innerHTML = "<p>
|
173
|
+
document.getElementById("ccn").innerHTML = "<p>fh</p>";
|
178
174
|
child_value=6;
|
179
175
|
} else if ((arr1[4]- arr1[3] === 1) && (arr1[3] - arr1[2] === 1) &&(arr1[2] - arr1[1] === 1) && (arr1[1] - arr1[0] === 1)) {
|
180
|
-
document.getElementById("ccn").innerHTML = "<p>
|
176
|
+
document.getElementById("ccn").innerHTML = "<p>s</p>";
|
181
177
|
child_value=5;
|
182
178
|
} else if (arr1[0] === arr1[2] || arr1[1] === arr1[3] ||arr1[2] === arr1[4]) {
|
183
|
-
document.getElementById("ccn").innerHTML = "<p>
|
179
|
+
document.getElementById("ccn").innerHTML = "<p>three";
|
184
180
|
child_value=4;
|
185
181
|
} else if ((arr1[0] === arr1[1] && arr1[2] === arr1[3]) ||(arr1[1] === arr1[2] && arr1[3] === arr1[4]) || (arr1[0]=== arr1[1] && arr1[3] === arr1[4])) {
|
186
|
-
document.getElementById("ccn").innerHTML = "<p>
|
182
|
+
document.getElementById("ccn").innerHTML = "<p>two</p>";
|
187
183
|
child_value=3;
|
188
184
|
} else if (arr1[0] === arr1[1] || arr1[1] === arr1[2] ||arr1[2] === arr1[3] || arr1[3] === arr1[4]) {
|
189
|
-
document.getElementById("ccn").innerHTML = "<p>
|
185
|
+
document.getElementById("ccn").innerHTML = "<p>one</p>";
|
190
186
|
child_value=2;
|
191
187
|
} else {
|
192
|
-
document.getElementById("ccn").innerHTML = "<p>
|
188
|
+
document.getElementById("ccn").innerHTML = "<p>hi</p>";
|
193
189
|
child_value=1;
|
194
190
|
}
|
195
191
|
//必勝法
|