質問編集履歴

6

修正

2021/08/10 12:07

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -12,7 +12,7 @@
12
12
 
13
13
  お願い致します。
14
14
 
15
- ![イメージ説明](7eec58aa426183243cf036f8afd3a39c.png)
15
+
16
16
 
17
17
 
18
18
 

5

修正

2021/08/10 12:07

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -8,13 +8,11 @@
8
8
 
9
9
 
10
10
 
11
- ![イメージ説明](2c3e6ff132eb6053103575077f8ccfde.png)
12
-
13
11
 
14
12
 
15
13
  お願い致します。
16
14
 
17
-
15
+ ![イメージ説明](7eec58aa426183243cf036f8afd3a39c.png)
18
16
 
19
17
 
20
18
 

4

修正

2021/08/10 08:01

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -1,8 +1,4 @@
1
- ```ここに言語を入力
2
-
3
- コード
4
-
5
- ```ジャンケンゲームを作っています。
1
+ ジャンケンゲームを作っています。
6
2
 
7
3
  ファイルのエラーと共に相手のじゃんけんの手が消えてしまいます。
8
4
 

3

修正

2021/08/10 06:24

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -1,4 +1,8 @@
1
+ ```ここに言語を入力
2
+
3
+ コード
4
+
1
- ジャンケンゲームを作っています。
5
+ ```ジャンケンゲームを作っています。
2
6
 
3
7
  ファイルのエラーと共に相手のじゃんけんの手が消えてしまいます。
4
8
 
@@ -96,466 +100,460 @@
96
100
 
97
101
  ```
98
102
 
103
+
104
+
105
+
106
+
107
+ ```JavaScript
108
+
109
+
110
+
111
+ // 定数定義
112
+
113
+
114
+
115
+ const CONSTgoo = 0;
116
+
117
+ const CONSTchoki = 1;
118
+
119
+ const CONSTpaa = 2;
120
+
121
+ const CONSTwin = 1;
122
+
123
+ const CONSTloss = -1;
124
+
125
+ const CONSTdrow = 0;
126
+
127
+
128
+
129
+ // グローバル変数
130
+
131
+
132
+
133
+ var intervalid;
134
+
135
+ var pcstop = true;
136
+
137
+
138
+
139
+ // グー・チョキ・パーのエレメント取得
140
+
141
+
142
+
143
+ var elmguu = document.getElementById("guu");
144
+
145
+ var elmchoki = document.getElementById("choki");
146
+
147
+ var elmpaa = document.getElementById("paa");
148
+
149
+
150
+
151
+ // クリックイベントリスナー
152
+
153
+
154
+
155
+ elmguu.addEventListener("click",goo,false);
156
+
157
+ elmchoki.addEventListener("click",choki,false);
158
+
159
+ elmpaa.addEventListener("click",paa,false);
160
+
161
+
162
+
163
+ // マウスオーバーベントリスナー
164
+
165
+
166
+
167
+ elmguu.addEventListener("mouseover",gooover,false);
168
+
169
+ elmchoki.addEventListener("mouseover",chokiover,false);
170
+
171
+ elmpaa.addEventListener("mouseover",paaover,false);
172
+
173
+
174
+
175
+ // グー マウスオーバァー
176
+
177
+
178
+
179
+ function gooover()
180
+
181
+ {
182
+
183
+ msout();
184
+
185
+ setbdr(elmguu.style);
186
+
187
+ }
188
+
189
+
190
+
191
+ // チョキ マウスオーバァー
192
+
193
+
194
+
195
+ function chokiover()
196
+
197
+ {
198
+
199
+ msout();
200
+
201
+ setbdr(elmchoki.style);
202
+
203
+ }
204
+
205
+
206
+
207
+ // パー マウスオーバーァー
208
+
209
+
210
+
211
+ function paaover()
212
+
213
+ {
214
+
215
+ msout();
216
+
217
+ setbdr(elmpaa.style);
218
+
219
+ }
220
+
221
+
222
+
223
+ // グー・チョキ・パーのBorderを消す
224
+
225
+
226
+
227
+ function msout()
228
+
229
+ {
230
+
231
+ elmguu.style.borderStyle = "none";
232
+
233
+ elmchoki.style.borderStyle = "none";
234
+
235
+ elmpaa.style.borderStyle = "none";
236
+
237
+ }
238
+
239
+
240
+
241
+ // 変数で渡されたエレメントを罫線で囲む
242
+
243
+
244
+
245
+ function setbdr(elmstyle)
246
+
247
+ {
248
+
249
+ elmstyle.borderStyle = "solid";
250
+
251
+ elmstyle.borderWidth = "2px";
252
+
253
+ elmstyle.borderColor = "red";
254
+
255
+ }
256
+
257
+
258
+
259
+ // グーを選択
260
+
261
+
262
+
263
+ function goo()
264
+
265
+ {
266
+
267
+ janstr(CONSTgoo);
268
+
269
+ }
270
+
271
+
272
+
273
+ // チョキを選択
274
+
275
+
276
+
277
+ function choki()
278
+
279
+ {
280
+
281
+ janstr(CONSTchoki);
282
+
283
+ }
284
+
285
+
286
+
287
+ // パーを選択
288
+
289
+
290
+
291
+ function paa()
292
+
293
+ {
294
+
295
+ janstr(CONSTpaa);
296
+
297
+ }
298
+
299
+
300
+
301
+ // グー・チョキ・パー共通
302
+
303
+
304
+
305
+ function janstr(hand)
306
+
307
+ {
308
+
309
+ var v0;
310
+
311
+
312
+
313
+ message(" "); // メッセージクリア
314
+
315
+
316
+
317
+ if ( pcstop == true )
318
+
319
+ {
320
+
321
+ intval();
322
+
323
+ message("もう一度、手を選ぶと止まります。");
324
+
325
+ pcstop = false;
326
+
327
+ return;
328
+
329
+ }
330
+
331
+ clearInterval(intervalid);
332
+
333
+ pcstop = true;
334
+
335
+
336
+
337
+ v0 = rand(); // 乱数取得
338
+
339
+ dsphand(v0); // 乱数によりグー・チョキ・パーを表示
340
+
341
+ v0 = judge(v0,hand); // PCと人間のジャンケン判定
342
+
343
+ dspjudge(v0); // 勝敗を判定して表示
344
+
345
+ }
346
+
347
+
348
+
349
+ // インターバル処理
350
+
351
+
352
+
353
+ function intval()
354
+
355
+ {
356
+
357
+ var i = 0;
358
+
359
+
360
+
361
+ intervalid = setInterval(function ()
362
+
363
+ {
364
+
365
+ dsphand(i);
366
+
367
+
368
+
369
+ i++;
370
+
371
+
372
+
373
+ if ( i > 2 )
374
+
375
+ {
376
+
377
+ i = 0;
378
+
379
+ }
380
+
381
+ },100);
382
+
383
+ }
384
+
385
+
386
+
387
+ // 0~2の乱数を返す
388
+
389
+
390
+
391
+ function rand()
392
+
393
+ {
394
+
395
+ var randnum;
396
+
397
+
398
+
399
+ randnum = Math.floor(Math.random() * 3);
400
+
401
+ return(randnum);
402
+
403
+ }
404
+
405
+
406
+
407
+ // 変数に一致する手を表示
408
+
409
+
410
+
411
+ function dsphand(hand)
412
+
413
+ {
414
+
415
+ var elm = document.getElementById("pc");
416
+
417
+
418
+
419
+ switch ( hand )
420
+
421
+ {
422
+
423
+ case CONSTgoo :
424
+
425
+ elm.src = "js_goo.png";
426
+
427
+ break;
428
+
429
+ case CONSTchoki :
430
+
431
+ elm.src = "js_choki.png";
432
+
433
+ break;
434
+
435
+ case CONSTpaa :
436
+
437
+ elm.src = "js_paa.png"
438
+
439
+ break;
440
+
441
+ }
442
+
443
+ }
444
+
445
+
446
+
447
+ // ジャンケンの結果を判定して返す
448
+
449
+
450
+
451
+ function judge(pc,you)
452
+
453
+ {
454
+
455
+ if ( ( pc == CONSTgoo ) && you == CONSTgoo )
456
+
457
+ return(CONSTdrow);
458
+
459
+ if ( ( pc == CONSTgoo ) && you == CONSTchoki )
460
+
461
+ return(CONSTloss);
462
+
463
+ if ( ( pc == CONSTgoo ) && you == CONSTpaa )
464
+
465
+ return(CONSTwin);
466
+
467
+
468
+
469
+ if ( ( pc == CONSTchoki ) && you == CONSTgoo )
470
+
471
+ return(CONSTwin);
472
+
473
+ if ( ( pc == CONSTchoki ) && you == CONSTchoki )
474
+
475
+ return(CONSTdrow);
476
+
477
+ if ( ( pc == CONSTchoki ) && you == CONSTpaa )
478
+
479
+ return(CONSTloss);
480
+
481
+
482
+
483
+ if ( ( pc == CONSTpaa ) && you == CONSTgoo )
484
+
485
+ return(CONSTloss);
486
+
487
+ if ( ( pc == CONSTpaa ) && you == CONSTchoki )
488
+
489
+ return(CONSTwin);
490
+
491
+ if ( ( pc == CONSTpaa ) && you == CONSTpaa )
492
+
493
+ return(CONSTdrow);
494
+
495
+ }
496
+
497
+
498
+
499
+ // 引数で判定し結果を表示
500
+
501
+
502
+
503
+ function dspjudge(jge)
504
+
505
+ {
506
+
507
+ if ( jge == CONSTdrow )
508
+
509
+ {
510
+
511
+ message("あいこ");
512
+
513
+ return;
514
+
515
+ }
516
+
517
+ if ( jge == CONSTwin )
518
+
519
+ {
520
+
521
+ message("勝利");
522
+
523
+ return;
524
+
525
+ }
526
+
527
+ if ( jge == CONSTloss )
528
+
529
+ {
530
+
531
+ message("敗北");
532
+
533
+ return;
534
+
535
+ }
536
+
537
+ }
538
+
539
+
540
+
541
+ // メッセージを表示
542
+
543
+
544
+
545
+ function message(text)
546
+
547
+ {
548
+
549
+ var elm;
550
+
551
+
552
+
553
+ elm = document.getElementById("msg");
554
+
555
+ elm.innerHTML = text;
556
+
557
+ }
558
+
99
559
  ```
100
-
101
- ```
102
-
103
-
104
-
105
-
106
-
107
-
108
-
109
- ```JavaScript
110
-
111
-
112
-
113
- // 定数定義
114
-
115
-
116
-
117
- const CONSTgoo = 0;
118
-
119
- const CONSTchoki = 1;
120
-
121
- const CONSTpaa = 2;
122
-
123
- const CONSTwin = 1;
124
-
125
- const CONSTloss = -1;
126
-
127
- const CONSTdrow = 0;
128
-
129
-
130
-
131
- // グローバル変数
132
-
133
-
134
-
135
- var intervalid;
136
-
137
- var pcstop = true;
138
-
139
-
140
-
141
- // グー・チョキ・パーのエレメント取得
142
-
143
-
144
-
145
- var elmguu = document.getElementById("guu");
146
-
147
- var elmchoki = document.getElementById("choki");
148
-
149
- var elmpaa = document.getElementById("paa");
150
-
151
-
152
-
153
- // クリックイベントリスナー
154
-
155
-
156
-
157
- elmguu.addEventListener("click",goo,false);
158
-
159
- elmchoki.addEventListener("click",choki,false);
160
-
161
- elmpaa.addEventListener("click",paa,false);
162
-
163
-
164
-
165
- // マウスオーバーベントリスナー
166
-
167
-
168
-
169
- elmguu.addEventListener("mouseover",gooover,false);
170
-
171
- elmchoki.addEventListener("mouseover",chokiover,false);
172
-
173
- elmpaa.addEventListener("mouseover",paaover,false);
174
-
175
-
176
-
177
- // グー マウスオーバァー
178
-
179
-
180
-
181
- function gooover()
182
-
183
- {
184
-
185
- msout();
186
-
187
- setbdr(elmguu.style);
188
-
189
- }
190
-
191
-
192
-
193
- // チョキ マウスオーバァー
194
-
195
-
196
-
197
- function chokiover()
198
-
199
- {
200
-
201
- msout();
202
-
203
- setbdr(elmchoki.style);
204
-
205
- }
206
-
207
-
208
-
209
- // パー マウスオーバーァー
210
-
211
-
212
-
213
- function paaover()
214
-
215
- {
216
-
217
- msout();
218
-
219
- setbdr(elmpaa.style);
220
-
221
- }
222
-
223
-
224
-
225
- // グー・チョキ・パーのBorderを消す
226
-
227
-
228
-
229
- function msout()
230
-
231
- {
232
-
233
- elmguu.style.borderStyle = "none";
234
-
235
- elmchoki.style.borderStyle = "none";
236
-
237
- elmpaa.style.borderStyle = "none";
238
-
239
- }
240
-
241
-
242
-
243
- // 変数で渡されたエレメントを罫線で囲む
244
-
245
-
246
-
247
- function setbdr(elmstyle)
248
-
249
- {
250
-
251
- elmstyle.borderStyle = "solid";
252
-
253
- elmstyle.borderWidth = "2px";
254
-
255
- elmstyle.borderColor = "red";
256
-
257
- }
258
-
259
-
260
-
261
- // グーを選択
262
-
263
-
264
-
265
- function goo()
266
-
267
- {
268
-
269
- janstr(CONSTgoo);
270
-
271
- }
272
-
273
-
274
-
275
- // チョキを選択
276
-
277
-
278
-
279
- function choki()
280
-
281
- {
282
-
283
- janstr(CONSTchoki);
284
-
285
- }
286
-
287
-
288
-
289
- // パーを選択
290
-
291
-
292
-
293
- function paa()
294
-
295
- {
296
-
297
- janstr(CONSTpaa);
298
-
299
- }
300
-
301
-
302
-
303
- // グー・チョキ・パー共通
304
-
305
-
306
-
307
- function janstr(hand)
308
-
309
- {
310
-
311
- var v0;
312
-
313
-
314
-
315
- message(" "); // メッセージクリア
316
-
317
-
318
-
319
- if ( pcstop == true )
320
-
321
- {
322
-
323
- intval();
324
-
325
- message("もう一度、手を選ぶと止まります。");
326
-
327
- pcstop = false;
328
-
329
- return;
330
-
331
- }
332
-
333
- clearInterval(intervalid);
334
-
335
- pcstop = true;
336
-
337
-
338
-
339
- v0 = rand(); // 乱数取得
340
-
341
- dsphand(v0); // 乱数によりグー・チョキ・パーを表示
342
-
343
- v0 = judge(v0,hand); // PCと人間のジャンケン判定
344
-
345
- dspjudge(v0); // 勝敗を判定して表示
346
-
347
- }
348
-
349
-
350
-
351
- // インターバル処理
352
-
353
-
354
-
355
- function intval()
356
-
357
- {
358
-
359
- var i = 0;
360
-
361
-
362
-
363
- intervalid = setInterval(function ()
364
-
365
- {
366
-
367
- dsphand(i);
368
-
369
-
370
-
371
- i++;
372
-
373
-
374
-
375
- if ( i > 2 )
376
-
377
- {
378
-
379
- i = 0;
380
-
381
- }
382
-
383
- },100);
384
-
385
- }
386
-
387
-
388
-
389
- // 0~2の乱数を返す
390
-
391
-
392
-
393
- function rand()
394
-
395
- {
396
-
397
- var randnum;
398
-
399
-
400
-
401
- randnum = Math.floor(Math.random() * 3);
402
-
403
- return(randnum);
404
-
405
- }
406
-
407
-
408
-
409
- // 変数に一致する手を表示
410
-
411
-
412
-
413
- function dsphand(hand)
414
-
415
- {
416
-
417
- var elm = document.getElementById("pc");
418
-
419
-
420
-
421
- switch ( hand )
422
-
423
- {
424
-
425
- case CONSTgoo :
426
-
427
- elm.src = "js_goo.png";
428
-
429
- break;
430
-
431
- case CONSTchoki :
432
-
433
- elm.src = "js_choki.png";
434
-
435
- break;
436
-
437
- case CONSTpaa :
438
-
439
- elm.src = "js_paa.png"
440
-
441
- break;
442
-
443
- }
444
-
445
- }
446
-
447
-
448
-
449
- // ジャンケンの結果を判定して返す
450
-
451
-
452
-
453
- function judge(pc,you)
454
-
455
- {
456
-
457
- if ( ( pc == CONSTgoo ) && you == CONSTgoo )
458
-
459
- return(CONSTdrow);
460
-
461
- if ( ( pc == CONSTgoo ) && you == CONSTchoki )
462
-
463
- return(CONSTloss);
464
-
465
- if ( ( pc == CONSTgoo ) && you == CONSTpaa )
466
-
467
- return(CONSTwin);
468
-
469
-
470
-
471
- if ( ( pc == CONSTchoki ) && you == CONSTgoo )
472
-
473
- return(CONSTwin);
474
-
475
- if ( ( pc == CONSTchoki ) && you == CONSTchoki )
476
-
477
- return(CONSTdrow);
478
-
479
- if ( ( pc == CONSTchoki ) && you == CONSTpaa )
480
-
481
- return(CONSTloss);
482
-
483
-
484
-
485
- if ( ( pc == CONSTpaa ) && you == CONSTgoo )
486
-
487
- return(CONSTloss);
488
-
489
- if ( ( pc == CONSTpaa ) && you == CONSTchoki )
490
-
491
- return(CONSTwin);
492
-
493
- if ( ( pc == CONSTpaa ) && you == CONSTpaa )
494
-
495
- return(CONSTdrow);
496
-
497
- }
498
-
499
-
500
-
501
- // 引数で判定し結果を表示
502
-
503
-
504
-
505
- function dspjudge(jge)
506
-
507
- {
508
-
509
- if ( jge == CONSTdrow )
510
-
511
- {
512
-
513
- message("あいこ");
514
-
515
- return;
516
-
517
- }
518
-
519
- if ( jge == CONSTwin )
520
-
521
- {
522
-
523
- message("勝利");
524
-
525
- return;
526
-
527
- }
528
-
529
- if ( jge == CONSTloss )
530
-
531
- {
532
-
533
- message("敗北");
534
-
535
- return;
536
-
537
- }
538
-
539
- }
540
-
541
-
542
-
543
- // メッセージを表示
544
-
545
-
546
-
547
- function message(text)
548
-
549
- {
550
-
551
- var elm;
552
-
553
-
554
-
555
- elm = document.getElementById("msg");
556
-
557
- elm.innerHTML = text;
558
-
559
- }
560
-
561
- ```

2

修正

2021/08/10 06:23

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -28,7 +28,7 @@
28
28
 
29
29
  <head>
30
30
 
31
- <title>JavaScriptの学習</title>
31
+ <title>JavaScript</title>
32
32
 
33
33
  <meta charset="UTF-8">
34
34
 
@@ -94,7 +94,19 @@
94
94
 
95
95
 
96
96
 
97
- ```JS
97
+ ```
98
+
99
+ ```
100
+
101
+ ```
102
+
103
+
104
+
105
+
106
+
107
+
108
+
109
+ ```JavaScript
98
110
 
99
111
 
100
112
 
@@ -547,5 +559,3 @@
547
559
  }
548
560
 
549
561
  ```
550
-
551
- ```

1

修正

2021/08/10 06:21

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -1,21 +1,551 @@
1
- ジャンケンゲームを作りたので
1
+ ジャンケンゲームを作って
2
-
3
- 頭が回りません。すみません。
2
+
4
-
5
- ・ユーザーがグー、チョキ、パーいずれかを選択してクリック
6
-
7
- ・クリックした後に、相手の手もランダムで決まる。
8
-
9
- ・ユザーがクリックした手と相手の手によっ勝敗を判定
3
+ ファイルのエラーと共に相手のじゃんけんのが消えしまいます
10
-
11
- ・ユーザーの手、相手の手、結果(「勝利」、「敗北」、「あいこ」のいずれか)を画面に出力する。
4
+
12
-
13
- ※ボタンくジャンケンは画像を使用
5
+ 判定がちゃんときているのかわからい状態です。
14
-
15
-
16
-
6
+
7
+
8
+
9
+
10
+
17
- ![イメージ説明](b6a1b3cb3c4dccce05e7eceaaf2741a9.png)
11
+ ![イメージ説明](2c3e6ff132eb6053103575077f8ccfde.png)
18
12
 
19
13
 
20
14
 
21
15
  お願い致します。
16
+
17
+
18
+
19
+
20
+
21
+
22
+
23
+ ```HTML
24
+
25
+ <!DOCTYPE html>
26
+
27
+ <html>
28
+
29
+ <head>
30
+
31
+ <title>JavaScriptの学習</title>
32
+
33
+ <meta charset="UTF-8">
34
+
35
+ </head>
36
+
37
+ <body>
38
+
39
+
40
+
41
+ <main>
42
+
43
+ <div class="flex">
44
+
45
+ <div class="box">
46
+
47
+ <p>相手</p>
48
+
49
+ <div class="imgarea">
50
+
51
+ <img id="pc" src="../../images/js_paa.png" alt="PCが出す手の画像">
52
+
53
+ </div>
54
+
55
+ </div>
56
+
57
+
58
+
59
+
60
+
61
+ <div class="box">
62
+
63
+
64
+
65
+ <div class="flex column">
66
+
67
+ <img id="guu" class="you" src="../../images/js_goo.png" alt="グ-の画像">
68
+
69
+ <img id="choki" class="you" src="../../images/js_choki.png" alt="チョキの画像">
70
+
71
+ <img id="paa" class="you" src="../../images/js_paa.png" alt="パーの画像">
72
+
73
+ </div>
74
+
75
+ </div>
76
+
77
+ </div>
78
+
79
+ <p id="msg">手を選ぶと始まります。</p>
80
+
81
+ </main>
82
+
83
+
84
+
85
+ <script type="text/javascript" src="../js/js3.js"></script>
86
+
87
+ </body>
88
+
89
+ </html>
90
+
91
+
92
+
93
+
94
+
95
+
96
+
97
+ ```JS
98
+
99
+
100
+
101
+ // 定数定義
102
+
103
+
104
+
105
+ const CONSTgoo = 0;
106
+
107
+ const CONSTchoki = 1;
108
+
109
+ const CONSTpaa = 2;
110
+
111
+ const CONSTwin = 1;
112
+
113
+ const CONSTloss = -1;
114
+
115
+ const CONSTdrow = 0;
116
+
117
+
118
+
119
+ // グローバル変数
120
+
121
+
122
+
123
+ var intervalid;
124
+
125
+ var pcstop = true;
126
+
127
+
128
+
129
+ // グー・チョキ・パーのエレメント取得
130
+
131
+
132
+
133
+ var elmguu = document.getElementById("guu");
134
+
135
+ var elmchoki = document.getElementById("choki");
136
+
137
+ var elmpaa = document.getElementById("paa");
138
+
139
+
140
+
141
+ // クリックイベントリスナー
142
+
143
+
144
+
145
+ elmguu.addEventListener("click",goo,false);
146
+
147
+ elmchoki.addEventListener("click",choki,false);
148
+
149
+ elmpaa.addEventListener("click",paa,false);
150
+
151
+
152
+
153
+ // マウスオーバーベントリスナー
154
+
155
+
156
+
157
+ elmguu.addEventListener("mouseover",gooover,false);
158
+
159
+ elmchoki.addEventListener("mouseover",chokiover,false);
160
+
161
+ elmpaa.addEventListener("mouseover",paaover,false);
162
+
163
+
164
+
165
+ // グー マウスオーバァー
166
+
167
+
168
+
169
+ function gooover()
170
+
171
+ {
172
+
173
+ msout();
174
+
175
+ setbdr(elmguu.style);
176
+
177
+ }
178
+
179
+
180
+
181
+ // チョキ マウスオーバァー
182
+
183
+
184
+
185
+ function chokiover()
186
+
187
+ {
188
+
189
+ msout();
190
+
191
+ setbdr(elmchoki.style);
192
+
193
+ }
194
+
195
+
196
+
197
+ // パー マウスオーバーァー
198
+
199
+
200
+
201
+ function paaover()
202
+
203
+ {
204
+
205
+ msout();
206
+
207
+ setbdr(elmpaa.style);
208
+
209
+ }
210
+
211
+
212
+
213
+ // グー・チョキ・パーのBorderを消す
214
+
215
+
216
+
217
+ function msout()
218
+
219
+ {
220
+
221
+ elmguu.style.borderStyle = "none";
222
+
223
+ elmchoki.style.borderStyle = "none";
224
+
225
+ elmpaa.style.borderStyle = "none";
226
+
227
+ }
228
+
229
+
230
+
231
+ // 変数で渡されたエレメントを罫線で囲む
232
+
233
+
234
+
235
+ function setbdr(elmstyle)
236
+
237
+ {
238
+
239
+ elmstyle.borderStyle = "solid";
240
+
241
+ elmstyle.borderWidth = "2px";
242
+
243
+ elmstyle.borderColor = "red";
244
+
245
+ }
246
+
247
+
248
+
249
+ // グーを選択
250
+
251
+
252
+
253
+ function goo()
254
+
255
+ {
256
+
257
+ janstr(CONSTgoo);
258
+
259
+ }
260
+
261
+
262
+
263
+ // チョキを選択
264
+
265
+
266
+
267
+ function choki()
268
+
269
+ {
270
+
271
+ janstr(CONSTchoki);
272
+
273
+ }
274
+
275
+
276
+
277
+ // パーを選択
278
+
279
+
280
+
281
+ function paa()
282
+
283
+ {
284
+
285
+ janstr(CONSTpaa);
286
+
287
+ }
288
+
289
+
290
+
291
+ // グー・チョキ・パー共通
292
+
293
+
294
+
295
+ function janstr(hand)
296
+
297
+ {
298
+
299
+ var v0;
300
+
301
+
302
+
303
+ message(" "); // メッセージクリア
304
+
305
+
306
+
307
+ if ( pcstop == true )
308
+
309
+ {
310
+
311
+ intval();
312
+
313
+ message("もう一度、手を選ぶと止まります。");
314
+
315
+ pcstop = false;
316
+
317
+ return;
318
+
319
+ }
320
+
321
+ clearInterval(intervalid);
322
+
323
+ pcstop = true;
324
+
325
+
326
+
327
+ v0 = rand(); // 乱数取得
328
+
329
+ dsphand(v0); // 乱数によりグー・チョキ・パーを表示
330
+
331
+ v0 = judge(v0,hand); // PCと人間のジャンケン判定
332
+
333
+ dspjudge(v0); // 勝敗を判定して表示
334
+
335
+ }
336
+
337
+
338
+
339
+ // インターバル処理
340
+
341
+
342
+
343
+ function intval()
344
+
345
+ {
346
+
347
+ var i = 0;
348
+
349
+
350
+
351
+ intervalid = setInterval(function ()
352
+
353
+ {
354
+
355
+ dsphand(i);
356
+
357
+
358
+
359
+ i++;
360
+
361
+
362
+
363
+ if ( i > 2 )
364
+
365
+ {
366
+
367
+ i = 0;
368
+
369
+ }
370
+
371
+ },100);
372
+
373
+ }
374
+
375
+
376
+
377
+ // 0~2の乱数を返す
378
+
379
+
380
+
381
+ function rand()
382
+
383
+ {
384
+
385
+ var randnum;
386
+
387
+
388
+
389
+ randnum = Math.floor(Math.random() * 3);
390
+
391
+ return(randnum);
392
+
393
+ }
394
+
395
+
396
+
397
+ // 変数に一致する手を表示
398
+
399
+
400
+
401
+ function dsphand(hand)
402
+
403
+ {
404
+
405
+ var elm = document.getElementById("pc");
406
+
407
+
408
+
409
+ switch ( hand )
410
+
411
+ {
412
+
413
+ case CONSTgoo :
414
+
415
+ elm.src = "js_goo.png";
416
+
417
+ break;
418
+
419
+ case CONSTchoki :
420
+
421
+ elm.src = "js_choki.png";
422
+
423
+ break;
424
+
425
+ case CONSTpaa :
426
+
427
+ elm.src = "js_paa.png"
428
+
429
+ break;
430
+
431
+ }
432
+
433
+ }
434
+
435
+
436
+
437
+ // ジャンケンの結果を判定して返す
438
+
439
+
440
+
441
+ function judge(pc,you)
442
+
443
+ {
444
+
445
+ if ( ( pc == CONSTgoo ) && you == CONSTgoo )
446
+
447
+ return(CONSTdrow);
448
+
449
+ if ( ( pc == CONSTgoo ) && you == CONSTchoki )
450
+
451
+ return(CONSTloss);
452
+
453
+ if ( ( pc == CONSTgoo ) && you == CONSTpaa )
454
+
455
+ return(CONSTwin);
456
+
457
+
458
+
459
+ if ( ( pc == CONSTchoki ) && you == CONSTgoo )
460
+
461
+ return(CONSTwin);
462
+
463
+ if ( ( pc == CONSTchoki ) && you == CONSTchoki )
464
+
465
+ return(CONSTdrow);
466
+
467
+ if ( ( pc == CONSTchoki ) && you == CONSTpaa )
468
+
469
+ return(CONSTloss);
470
+
471
+
472
+
473
+ if ( ( pc == CONSTpaa ) && you == CONSTgoo )
474
+
475
+ return(CONSTloss);
476
+
477
+ if ( ( pc == CONSTpaa ) && you == CONSTchoki )
478
+
479
+ return(CONSTwin);
480
+
481
+ if ( ( pc == CONSTpaa ) && you == CONSTpaa )
482
+
483
+ return(CONSTdrow);
484
+
485
+ }
486
+
487
+
488
+
489
+ // 引数で判定し結果を表示
490
+
491
+
492
+
493
+ function dspjudge(jge)
494
+
495
+ {
496
+
497
+ if ( jge == CONSTdrow )
498
+
499
+ {
500
+
501
+ message("あいこ");
502
+
503
+ return;
504
+
505
+ }
506
+
507
+ if ( jge == CONSTwin )
508
+
509
+ {
510
+
511
+ message("勝利");
512
+
513
+ return;
514
+
515
+ }
516
+
517
+ if ( jge == CONSTloss )
518
+
519
+ {
520
+
521
+ message("敗北");
522
+
523
+ return;
524
+
525
+ }
526
+
527
+ }
528
+
529
+
530
+
531
+ // メッセージを表示
532
+
533
+
534
+
535
+ function message(text)
536
+
537
+ {
538
+
539
+ var elm;
540
+
541
+
542
+
543
+ elm = document.getElementById("msg");
544
+
545
+ elm.innerHTML = text;
546
+
547
+ }
548
+
549
+ ```
550
+
551
+ ```