teratail
回答率
85.30%
teratail header banner
teratail header banner
質問するログイン新規登録
トップに関する質問JavaScript プログラムを簡潔にしたい

編集履歴

質問編集履歴

4

文法の修正

2021/06/03 15:07

投稿

hichu
hichu

スコア6

title CHANGED
@@ -1,1 +1,1 @@
1
- JavaScript じゃんけんプログラムを簡潔にしたい
1
+ JavaScript プログラムを簡潔にしたい
body CHANGED
@@ -1,85 +1,3 @@
1
- 前回質問させていただき、皆様に教わりながらじゃんけんコードを作成いたしました。
2
- コードが長い、同じような記述が多々あるためにこれを簡潔にしたいです。
3
- 考えられるコードまでは書いてみたのですが、これ以上がどう記述すればいいのかいまいちわかりません。
4
-
5
- **実現したいこと**
6
- ![イメージ説明](8ab49fcf9547983cc2ed97cdc1c59c10.jpeg)
7
- この挙動に対して簡潔なコードを書きたい。
8
-
9
- **つまっているところ**
10
- じゃんけんのコード自体は以前より簡潔に書けたかと思いますが、
1
+ じゃんけんコードを簡潔に記述する方法を
11
- 画像をクリックした際、JavaScriptとどう繋げるかのコードがわかりません・・・。
12
- (コードも間違っているところが多々あるかと思います。
2
+ 質問しておりましたが、コードに誤りが多すぎたため修正し直して
13
- お目汚しすみません。)
14
-
15
- **不足部分**
16
- htmlの
17
- <div id="pc"><img src="../images/janken_null.png"></div>にランダムの画像
18
- <p id="kekka"></p>に勝敗の結果表示をする予定ですが、
19
- どう記述したらいいかわからずJavaScriptにはまだ書いておりません。
20
-
21
- ```html
22
- <!DOCTYPE html>
23
- <html>
24
- <head>
25
- <title>じゃんけんゲーム</title>
26
- <meta charset="UTF-8">
27
- </head>
28
- <body>
29
- <div>
30
- <div id="pc"><img src="../images/janken_null.png"></div>
31
- </div>
3
+ 再度詰まった際質問させてください。
32
- <br>
33
- <table id="main">
34
- <tr>
35
- <td id="guu"><img src="../images/janken_gu.png"></td>
36
- <td id="choki"><img src="../images/janken_choki.png"></td>
37
- <td id="paa"><img src="../images/janken_pa.png"></td>
38
- </tr>
39
- <tr>
40
- <td>
41
- <p id="kekka"></p>
42
- </td>
43
- </tr>
44
- </table>
45
- <script type="text/javascript" src="../js/test.js"></script>
46
- </body>
47
- </html>
48
- ```
49
-
50
- ```JavaScript
51
- (function(){
52
- var me = document.getElementById("main");
53
- var P = document.getElementById("guu","choki","paa");
54
- var cpunum = Math.floor(Math.random()* 3);
55
- var cpu;
56
- var judge;
57
- var pc = document.getElementById("pc");
58
- var kekka = document.getElementById("kekka");
59
-
60
- P.addEventListener('onclick',function(){
61
-
62
-
63
- if(cpunum == 0) {
64
- cpu = "ぐー";
65
- } else if(cpunum == 1) {
66
- cpu = "ちょき";
67
- } else if(cpunum == 2) {
68
- cpu = "ぱー";
69
- }
70
-
71
- if(me == 0 && cpunum == 1){
72
- judge.innerHTML= "勝利！";
73
- } else if(me == 1 && cpunum == 2){
74
- judge.innerHTML ="勝利！";
75
- } else if(me == 2 && cpunum == 0){
76
- judge.innerHTML = "勝利!";
77
- }else if(me == cpunum){
78
- judge.innerHTML = "あいこ";
79
- }else {
80
- judge.innerHTML = "敗北";
81
- }
82
- });
83
-
84
- }
85
- ```

3

文法の修正

2021/06/03 15:07

投稿

hichu
hichu

スコア6

title CHANGED
File without changes
body CHANGED
@@ -48,7 +48,6 @@
48
48
  ```
49
49
 
50
50
  ```JavaScript
51
- //相手の手
52
51
  (function(){
53
52
  var me = document.getElementById("main");
54
53
  var P = document.getElementById("guu","choki","paa");
@@ -69,14 +68,12 @@
69
68
  cpu = "ぱー";
70
69
  }
71
70
 
72
- //私がグーかつ相手がチョキ
73
71
  if(me == 0 && cpunum == 1){
74
72
  judge.innerHTML= "勝利！";
75
73
  } else if(me == 1 && cpunum == 2){
76
74
  judge.innerHTML ="勝利！";
77
75
  } else if(me == 2 && cpunum == 0){
78
76
  judge.innerHTML = "勝利!";
79
- //私がグーかつ相手もグー　私がチョキかつ
80
77
  }else if(me == cpunum){
81
78
  judge.innerHTML = "あいこ";
82
79
  }else {

2

文法の修正

2021/06/03 14:32

投稿

hichu
hichu

スコア6

title CHANGED
File without changes
body CHANGED
@@ -48,12 +48,18 @@
48
48
  ```
49
49
 
50
50
  ```JavaScript
51
+ //相手の手
51
- function rand(){
52
+ (function(){
52
53
  var me = document.getElementById("main");
53
54
  var P = document.getElementById("guu","choki","paa");
54
55
  var cpunum = Math.floor(Math.random()* 3);
55
56
  var cpu;
56
57
  var judge;
58
+ var pc = document.getElementById("pc");
59
+ var kekka = document.getElementById("kekka");
60
+
61
+ P.addEventListener('onclick',function(){
62
+
57
63
 
58
64
  if(cpunum == 0) {
59
65
  cpu = "ぐー";
@@ -63,17 +69,20 @@
63
69
  cpu = "ぱー";
64
70
  }
65
71
 
72
+ //私がグーかつ相手がチョキ
66
73
  if(me == 0 && cpunum == 1){
67
74
  judge.innerHTML= "勝利！";
68
75
  } else if(me == 1 && cpunum == 2){
69
- judge.innerHTML= "勝利！";
76
+ judge.innerHTML ="勝利！";
70
77
  } else if(me == 2 && cpunum == 0){
71
- judge.innerHTML= "勝利！";
78
+ judge.innerHTML = "勝利!";
79
+ //私がグーかつ相手もグー　私がチョキかつ
72
80
  }else if(me == cpunum){
73
81
  judge.innerHTML = "あいこ";
74
82
  }else {
75
83
  judge.innerHTML = "敗北";
76
84
  }
77
- P.addEventListener('onclick', rand);
85
+ });
86
+
78
87
  }
79
88
  ```

1

文法の修正

2021/06/03 14:32

投稿

hichu
hichu

スコア6

title CHANGED
File without changes
body CHANGED
@@ -64,15 +64,15 @@
64
64
  }
65
65
 
66
66
  if(me == 0 && cpunum == 1){
67
- judge = "勝利！";
67
+ judge.innerHTML= "勝利！";
68
68
  } else if(me == 1 && cpunum == 2){
69
- judge ="勝利！";
69
+ judge.innerHTML= "勝利！";
70
70
  } else if(me == 2 && cpunum == 0){
71
- judge = "勝利!";
71
+ judge.innerHTML= "勝利！";
72
72
  }else if(me == cpunum){
73
- judge = "あいこ";
73
+ judge.innerHTML = "あいこ";
74
74
  }else {
75
- judge = "敗北";
75
+ judge.innerHTML = "敗北";
76
76
  }
77
77
  P.addEventListener('onclick', rand);
78
78
  }