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

編集履歴

質問編集履歴

4

文法の修正

2021/06/03 15:07

投稿

hichu
hichu

スコア6

test CHANGED
@@ -1 +1 @@
1
- JavaScript じゃんけんプログラムを簡潔にしたい
1
+ JavaScript プログラムを簡潔にしたい
test CHANGED
@@ -1,169 +1,5 @@
1
- 前回質問させていただき、皆様に教わりながらじゃんけんコードを作成いたしました。
1
+ じゃんけんコードを簡潔に記述する方法を
2
2
 
3
- コードが長い、同じような記述が多々あるためにこれを簡潔にしたいです。
3
+ 質問しておりましたが、コードに誤りが多すぎたため修正し直して
4
4
 
5
- 考えられるコードまでは書いてみたのですが、これ以上がどう記述すればいいのかいまいちわかりません。
6
-
7
-
8
-
9
- **実現したいこと**
10
-
11
- ![イメージ説明](8ab49fcf9547983cc2ed97cdc1c59c10.jpeg)
12
-
13
- この挙動に対して簡潔なコードを書きたい。
5
+ 再度詰まった際質問させてください。
14
-
15
-
16
-
17
- **つまっているところ**
18
-
19
- じゃんけんのコード自体は以前より簡潔に書けたかと思いますが、
20
-
21
- 画像をクリックした際、JavaScriptとどう繋げるかのコードがわかりません・・・。
22
-
23
- (コードも間違っているところが多々あるかと思います。
24
-
25
- お目汚しすみません。)
26
-
27
-
28
-
29
- **不足部分**
30
-
31
- htmlの
32
-
33
- <div id="pc"><img src="../images/janken_null.png"></div>にランダムの画像
34
-
35
- <p id="kekka"></p>に勝敗の結果表示をする予定ですが、
36
-
37
- どう記述したらいいかわからずJavaScriptにはまだ書いておりません。
38
-
39
-
40
-
41
- ```html
42
-
43
- <!DOCTYPE html>
44
-
45
- <html>
46
-
47
- <head>
48
-
49
- <title>じゃんけんゲーム</title>
50
-
51
- <meta charset="UTF-8">
52
-
53
- </head>
54
-
55
- <body>
56
-
57
- <div>
58
-
59
- <div id="pc"><img src="../images/janken_null.png"></div>
60
-
61
- </div>
62
-
63
- <br>
64
-
65
- <table id="main">
66
-
67
- <tr>
68
-
69
- <td id="guu"><img src="../images/janken_gu.png"></td>
70
-
71
- <td id="choki"><img src="../images/janken_choki.png"></td>
72
-
73
- <td id="paa"><img src="../images/janken_pa.png"></td>
74
-
75
- </tr>
76
-
77
- <tr>
78
-
79
- <td>
80
-
81
- <p id="kekka"></p>
82
-
83
- </td>
84
-
85
- </tr>
86
-
87
- </table>
88
-
89
- <script type="text/javascript" src="../js/test.js"></script>
90
-
91
- </body>
92
-
93
- </html>
94
-
95
- ```
96
-
97
-
98
-
99
- ```JavaScript
100
-
101
- (function(){
102
-
103
- var me = document.getElementById("main");
104
-
105
- var P = document.getElementById("guu","choki","paa");
106
-
107
- var cpunum = Math.floor(Math.random()* 3);
108
-
109
- var cpu;
110
-
111
- var judge;
112
-
113
- var pc = document.getElementById("pc");
114
-
115
- var kekka = document.getElementById("kekka");
116
-
117
-
118
-
119
- P.addEventListener('onclick',function(){
120
-
121
-
122
-
123
-
124
-
125
- if(cpunum == 0) {
126
-
127
- cpu = "ぐー";
128
-
129
- } else if(cpunum == 1) {
130
-
131
- cpu = "ちょき";
132
-
133
- } else if(cpunum == 2) {
134
-
135
- cpu = "ぱー";
136
-
137
- }
138
-
139
-
140
-
141
- if(me == 0 && cpunum == 1){
142
-
143
- judge.innerHTML= "勝利！";
144
-
145
- } else if(me == 1 && cpunum == 2){
146
-
147
- judge.innerHTML ="勝利！";
148
-
149
- } else if(me == 2 && cpunum == 0){
150
-
151
- judge.innerHTML = "勝利!";
152
-
153
- }else if(me == cpunum){
154
-
155
- judge.innerHTML = "あいこ";
156
-
157
- }else {
158
-
159
- judge.innerHTML = "敗北";
160
-
161
- }
162
-
163
- });
164
-
165
-
166
-
167
- }
168
-
169
- ```

3

文法の修正

2021/06/03 15:07

投稿

hichu
hichu

スコア6

test CHANGED
File without changes
test CHANGED
@@ -98,8 +98,6 @@
98
98
 
99
99
  ```JavaScript
100
100
 
101
- //相手の手
102
-
103
101
  (function(){
104
102
 
105
103
  var me = document.getElementById("main");
@@ -140,8 +138,6 @@
140
138
 
141
139
 
142
140
 
143
- //私がグーかつ相手がチョキ
144
-
145
141
  if(me == 0 && cpunum == 1){
146
142
 
147
143
  judge.innerHTML= "勝利！";
@@ -153,8 +149,6 @@
153
149
  } else if(me == 2 && cpunum == 0){
154
150
 
155
151
  judge.innerHTML = "勝利!";
156
-
157
- //私がグーかつ相手もグー　私がチョキかつ
158
152
 
159
153
  }else if(me == cpunum){
160
154
 

2

文法の修正

2021/06/03 14:32

投稿

hichu
hichu

スコア6

test CHANGED
File without changes
test CHANGED
@@ -98,7 +98,9 @@
98
98
 
99
99
  ```JavaScript
100
100
 
101
+ //相手の手
102
+
101
- function rand(){
103
+ (function(){
102
104
 
103
105
  var me = document.getElementById("main");
104
106
 
@@ -109,6 +111,16 @@
109
111
  var cpu;
110
112
 
111
113
  var judge;
114
+
115
+ var pc = document.getElementById("pc");
116
+
117
+ var kekka = document.getElementById("kekka");
118
+
119
+
120
+
121
+ P.addEventListener('onclick',function(){
122
+
123
+
112
124
 
113
125
 
114
126
 
@@ -128,17 +140,21 @@
128
140
 
129
141
 
130
142
 
143
+ //私がグーかつ相手がチョキ
144
+
131
145
  if(me == 0 && cpunum == 1){
132
146
 
133
147
  judge.innerHTML= "勝利！";
134
148
 
135
149
  } else if(me == 1 && cpunum == 2){
136
150
 
137
- judge.innerHTML= "勝利！";
151
+ judge.innerHTML ="勝利！";
138
152
 
139
153
  } else if(me == 2 && cpunum == 0){
140
154
 
141
- judge.innerHTML= "勝利！";
155
+ judge.innerHTML = "勝利!";
156
+
157
+ //私がグーかつ相手もグー　私がチョキかつ
142
158
 
143
159
  }else if(me == cpunum){
144
160
 
@@ -150,7 +166,9 @@
150
166
 
151
167
  }
152
168
 
153
- P.addEventListener('onclick', rand);
169
+ });
170
+
171
+
154
172
 
155
173
  }
156
174
 

1

文法の修正

2021/06/03 14:32

投稿

hichu
hichu

スコア6

test CHANGED
File without changes
test CHANGED
@@ -130,23 +130,23 @@
130
130
 
131
131
  if(me == 0 && cpunum == 1){
132
132
 
133
- judge = "勝利！";
133
+ judge.innerHTML= "勝利！";
134
134
 
135
135
  } else if(me == 1 && cpunum == 2){
136
136
 
137
- judge ="勝利！";
137
+ judge.innerHTML= "勝利！";
138
138
 
139
139
  } else if(me == 2 && cpunum == 0){
140
140
 
141
- judge = "勝利!";
141
+ judge.innerHTML= "勝利！";
142
142
 
143
143
  }else if(me == cpunum){
144
144
 
145
- judge = "あいこ";
145
+ judge.innerHTML = "あいこ";
146
146
 
147
147
  }else {
148
148
 
149
- judge = "敗北";
149
+ judge.innerHTML = "敗北";
150
150
 
151
151
  }
152
152