teratail
回答率
85.47%
質問するログイン新規登録
トップに関する質問js　if文がうまく動作しない。css 中央寄りにならない。

編集履歴

質問編集履歴

3

お詫び

2016/06/02 00:20

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -1 +1 @@
1
- 申し訳ございません。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。
1
+ 申し訳ございません。 規約を知らず、内容を破棄してしまいました。 以後気をつけます

2

申し訳ございません。

2016/06/02 00:20

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -1,259 +1 @@
1
- ###前提・実現したいこと
2
-
3
- じゃんけんゲームでif文を用いて勝者に得点を与える。
4
-
5
- ページ全体を中央寄りにする。
6
-
7
-
8
-
9
- ###発生している問題・エラーメッセージ
10
-
11
- if文の中で、勝敗を判定する部分はちゃんと動作しているが、得点を追加する部分は動作していない。
12
-
13
- エラーメッセージ
14
-
15
- ```HTML
16
-
17
-
18
-
19
-
20
-
21
- <!DOCTYPE html>
22
-
23
- <html lang="ja">
24
-
25
-
26
-
27
- <head>
28
-
29
- <meta charset="utf-8">
30
-
31
- <title>じゃんけんゲーム</title>
32
-
33
- <link rel="stylesheet" type="text/css" href="css/index.css">
34
-
35
- <script type="text/javascript" src="js/jquery-2.2.3.min.js"></script>
36
-
37
- <script type="text/javascript" src="js/underscore-min.js"></script>
38
-
39
- <script type="text/javascript" src="js/app.js"></script>
40
-
41
- </head>
42
-
43
-
44
-
45
- <body>
46
-
47
- <div id="wrapper">
48
-
49
- <h1>じゃんけんゲーム</h1>
50
-
51
- <p>選択肢を選んでください。</p>
52
-
53
- <ol>
54
-
55
- <li class="MySelect" data-assign="0"><img src=img/janken0.png ></li>
56
-
57
- <li class="MySelect" data-assign="1"><img src=img/janken1.png ></li>
58
-
59
- <li class="MySelect" data-assign="2"><img src=img/janken2.png ></li>
60
-
61
- </ol>
62
-
63
- <p>敵の選択肢</p>
64
-
65
- <div id="EnemySelect"></div><br><br>
66
-
67
- <div id="result"></div>
68
-
69
- <div class= "life">YOUR LIFE</div>
70
-
71
- <div class= "life">ENEMY LIFE</div>
1
+ 申し訳ございません。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。
72
-
73
- <meter class="gazi" value="1"></meter>
74
-
75
- <meter class="gazi" value="1"></meter>
76
-
77
- </div>
78
-
79
-
80
-
81
- <div id="Point01"></div>
82
-
83
- <div id="Point02"></div>
84
-
85
-
86
-
87
-
88
-
89
-
90
-
91
-
92
-
93
- </body>
94
-
95
-
96
-
97
- </html>
98
-
99
-
100
-
101
- ```
102
-
103
-
104
-
105
- ```javascript
106
-
107
-
108
-
109
- $(function(){
110
-
111
-
112
-
113
- var PointEne=0,PointMe=0;
114
-
115
-
116
-
117
-
118
-
119
- $('.MySelect').click(function(){
120
-
121
- var enemy = Math.round(Math.random()*2);
122
-
123
- var user = $(this).attr('data-assign');
124
-
125
- $('#EnemySelect').html('<img src="img/janken'+ enemy + '.png" />');
126
-
127
- var result =(function(){
128
-
129
- if(enemy == 0 && user == 0) {return 'DROW';}
130
-
131
- if(enemy == 0 && user == 1) {return 'YOU LOSE';}
132
-
133
- if(enemy == 0 && user == 2) {return 'YOU WIN';
134
-
135
- PointMe++;}
136
-
137
- if(enemy == 1 && user == 0) {return 'YOU WIN';
138
-
139
- PointMe++;}
140
-
141
- if(enemy == 1 && user == 1) {return 'DROW';}
142
-
143
- if(enemy == 1 && user == 2) {return 'YOU LOSE';}
144
-
145
- if(enemy == 2 && user == 0) {return 'YOU LOSE';}
146
-
147
- if(enemy == 2 && user == 1) {return 'YOU WIN';
148
-
149
- PointMe++;}
150
-
151
- if(enemy == 2 && user == 2) {return 'DROW';}
152
-
153
- })();
154
-
155
- Point01.value = PointEne;
156
-
157
- Point02.value = PointMe;
158
-
159
-
160
-
161
- $("#result").html(result);
162
-
163
- $("#Point01").html("敵の得点は"+ PointEne + "です");
164
-
165
- $("#Point02").html("あなたの得点は"+ PointMe + "です");
166
-
167
-
168
-
169
-
170
-
171
- });
172
-
173
-
174
-
175
-
176
-
177
- });
178
-
179
- ```
180
-
181
-
182
-
183
- ```CSS
184
-
185
- h1 {color:blue;}
186
-
187
- li {
188
-
189
- display: inline-block;
190
-
191
- text-align:center;
192
-
193
-
194
-
195
-
196
-
197
- }
198
-
199
-
200
-
201
- #result {
202
-
203
- color:red;
204
-
205
- font-size:100px;
206
-
207
-
208
-
209
-
210
-
211
- };
212
-
213
-
214
-
215
- .EnemySelect {
216
-
217
- padding-left:100px;
218
-
219
-
220
-
221
- };
222
-
223
-
224
-
225
- .life {
226
-
227
- display: inline-block;
228
-
229
- };
230
-
231
-
232
-
233
- .gazi {
234
-
235
- display: inline-block;
236
-
237
- };
238
-
239
-
240
-
241
- body {
242
-
243
- text-align: center;
244
-
245
- }
246
-
247
- div#wrapper {
248
-
249
- width: 800px;
250
-
251
- margin: 0 auto;
252
-
253
- text-align: left;
254
-
255
- border: 1px solid #FF0000;
256
-
257
- }
258
-
259
- ```

1

コードブロック追加

2016/06/01 13:55

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -12,246 +12,248 @@
12
12
 
13
13
  エラーメッセージ
14
14
 
15
+ ```HTML
16
+
17
+
18
+
19
+
20
+
21
+ <!DOCTYPE html>
22
+
23
+ <html lang="ja">
24
+
25
+
26
+
27
+ <head>
28
+
29
+ <meta charset="utf-8">
30
+
31
+ <title>じゃんけんゲーム</title>
32
+
33
+ <link rel="stylesheet" type="text/css" href="css/index.css">
34
+
35
+ <script type="text/javascript" src="js/jquery-2.2.3.min.js"></script>
36
+
37
+ <script type="text/javascript" src="js/underscore-min.js"></script>
38
+
39
+ <script type="text/javascript" src="js/app.js"></script>
40
+
41
+ </head>
42
+
43
+
44
+
45
+ <body>
46
+
47
+ <div id="wrapper">
48
+
49
+ <h1>じゃんけんゲーム</h1>
50
+
51
+ <p>選択肢を選んでください。</p>
52
+
53
+ <ol>
54
+
55
+ <li class="MySelect" data-assign="0"><img src=img/janken0.png ></li>
56
+
57
+ <li class="MySelect" data-assign="1"><img src=img/janken1.png ></li>
58
+
59
+ <li class="MySelect" data-assign="2"><img src=img/janken2.png ></li>
60
+
61
+ </ol>
62
+
63
+ <p>敵の選択肢</p>
64
+
65
+ <div id="EnemySelect"></div><br><br>
66
+
67
+ <div id="result"></div>
68
+
69
+ <div class= "life">YOUR LIFE</div>
70
+
71
+ <div class= "life">ENEMY LIFE</div>
72
+
73
+ <meter class="gazi" value="1"></meter>
74
+
75
+ <meter class="gazi" value="1"></meter>
76
+
77
+ </div>
78
+
79
+
80
+
81
+ <div id="Point01"></div>
82
+
83
+ <div id="Point02"></div>
84
+
85
+
86
+
87
+
88
+
89
+
90
+
91
+
92
+
93
+ </body>
94
+
95
+
96
+
97
+ </html>
98
+
99
+
100
+
15
101
  ```
16
102
 
17
103
 
18
104
 
19
- ###該当のソースコード
20
-
21
- ##HTML
22
-
23
-
24
-
25
- <!DOCTYPE html>
26
-
27
- <html lang="ja">
28
-
29
-
30
-
31
- <head>
32
-
33
- <meta charset="utf-8">
34
-
35
- <title>じゃんけんゲーム</title>
36
-
37
- <link rel="stylesheet" type="text/css" href="css/index.css">
38
-
39
- <script type="text/javascript" src="js/jquery-2.2.3.min.js"></script>
40
-
41
- <script type="text/javascript" src="js/underscore-min.js"></script>
42
-
43
- <script type="text/javascript" src="js/app.js"></script>
44
-
45
- </head>
46
-
47
-
48
-
49
- <body>
50
-
51
- <div id="wrapper">
52
-
53
- <h1>じゃんけんゲーム</h1>
54
-
55
- <p>選択肢を選んでください。</p>
56
-
57
- <ol>
58
-
59
- <li class="MySelect" data-assign="0"><img src=img/janken0.png ></li>
60
-
61
- <li class="MySelect" data-assign="1"><img src=img/janken1.png ></li>
62
-
63
- <li class="MySelect" data-assign="2"><img src=img/janken2.png ></li>
64
-
65
- </ol>
66
-
67
- <p>敵の選択肢</p>
68
-
69
- <div id="EnemySelect"></div><br><br>
70
-
71
- <div id="result"></div>
72
-
73
- <div class= "life">YOUR LIFE</div>
74
-
75
- <div class= "life">ENEMY LIFE</div>
76
-
77
- <meter class="gazi" value="1"></meter>
78
-
79
- <meter class="gazi" value="1"></meter>
80
-
81
- </div>
82
-
83
-
84
-
85
- <div id="Point01"></div>
86
-
87
- <div id="Point02"></div>
88
-
89
-
90
-
91
-
105
+ ```javascript
106
+
107
+
108
+
109
+ $(function(){
110
+
111
+
112
+
113
+ var PointEne=0,PointMe=0;
114
+
115
+
116
+
117
+
118
+
119
+ $('.MySelect').click(function(){
120
+
121
+ var enemy = Math.round(Math.random()*2);
122
+
123
+ var user = $(this).attr('data-assign');
124
+
125
+ $('#EnemySelect').html('<img src="img/janken'+ enemy + '.png" />');
126
+
127
+ var result =(function(){
128
+
129
+ if(enemy == 0 && user == 0) {return 'DROW';}
130
+
131
+ if(enemy == 0 && user == 1) {return 'YOU LOSE';}
132
+
133
+ if(enemy == 0 && user == 2) {return 'YOU WIN';
134
+
135
+ PointMe++;}
136
+
137
+ if(enemy == 1 && user == 0) {return 'YOU WIN';
138
+
139
+ PointMe++;}
140
+
141
+ if(enemy == 1 && user == 1) {return 'DROW';}
142
+
143
+ if(enemy == 1 && user == 2) {return 'YOU LOSE';}
144
+
145
+ if(enemy == 2 && user == 0) {return 'YOU LOSE';}
146
+
147
+ if(enemy == 2 && user == 1) {return 'YOU WIN';
148
+
149
+ PointMe++;}
150
+
151
+ if(enemy == 2 && user == 2) {return 'DROW';}
152
+
153
+ })();
154
+
155
+ Point01.value = PointEne;
156
+
157
+ Point02.value = PointMe;
158
+
159
+
160
+
161
+ $("#result").html(result);
162
+
163
+ $("#Point01").html("敵の得点は"+ PointEne + "です");
164
+
165
+ $("#Point02").html("あなたの得点は"+ PointMe + "です");
166
+
167
+
168
+
169
+
170
+
171
+ });
172
+
173
+
174
+
175
+
176
+
177
+ });
178
+
179
+ ```
180
+
181
+
182
+
183
+ ```CSS
184
+
185
+ h1 {color:blue;}
186
+
187
+ li {
188
+
189
+ display: inline-block;
190
+
191
+ text-align:center;
92
192
 
93
193
 
94
194
 
95
195
 
96
196
 
97
- </body>
98
-
99
-
100
-
101
- </html>
102
-
103
-
104
-
105
- ###JS
106
-
107
-
108
-
109
- $(function(){
110
-
111
-
112
-
113
- var PointEne=0,PointMe=0;
114
-
115
-
116
-
117
-
118
-
119
- $('.MySelect').click(function(){
120
-
121
- var enemy = Math.round(Math.random()*2);
122
-
123
- var user = $(this).attr('data-assign');
124
-
125
- $('#EnemySelect').html('<img src="img/janken'+ enemy + '.png" />');
126
-
127
- var result =(function(){
128
-
129
- if(enemy == 0 && user == 0) {return 'DROW';}
130
-
131
- if(enemy == 0 && user == 1) {return 'YOU LOSE';}
132
-
133
- if(enemy == 0 && user == 2) {return 'YOU WIN';
134
-
135
- PointMe++;}
136
-
137
- if(enemy == 1 && user == 0) {return 'YOU WIN';
138
-
139
- PointMe++;}
140
-
141
- if(enemy == 1 && user == 1) {return 'DROW';}
142
-
143
- if(enemy == 1 && user == 2) {return 'YOU LOSE';}
144
-
145
- if(enemy == 2 && user == 0) {return 'YOU LOSE';}
146
-
147
- if(enemy == 2 && user == 1) {return 'YOU WIN';
148
-
149
- PointMe++;}
150
-
151
- if(enemy == 2 && user == 2) {return 'DROW';}
152
-
153
- })();
154
-
155
- Point01.value = PointEne;
156
-
157
- Point02.value = PointMe;
158
-
159
-
160
-
161
- $("#result").html(result);
162
-
163
- $("#Point01").html("敵の得点は"+ PointEne + "です");
164
-
165
- $("#Point02").html("あなたの得点は"+ PointMe + "です");
166
-
167
-
168
-
169
-
170
-
171
- });
172
-
173
-
174
-
175
-
176
-
177
- });
178
-
179
-
180
-
181
- ###css
182
-
183
-
184
-
185
- h1 {color:blue;}
186
-
187
- li {
197
+ }
198
+
199
+
200
+
201
+ #result {
202
+
203
+ color:red;
204
+
205
+ font-size:100px;
206
+
207
+
208
+
209
+
210
+
211
+ };
212
+
213
+
214
+
215
+ .EnemySelect {
216
+
217
+ padding-left:100px;
218
+
219
+
220
+
221
+ };
222
+
223
+
224
+
225
+ .life {
226
+
227
+ display: inline-block;
228
+
229
+ };
230
+
231
+
232
+
233
+ .gazi {
188
234
 
189
235
  display: inline-block;
190
236
 
237
+ };
238
+
239
+
240
+
241
+ body {
242
+
191
- text-align:center;
243
+ text-align: center;
244
+
192
-
245
+ }
246
+
193
-
247
+ div#wrapper {
248
+
194
-
249
+ width: 800px;
250
+
195
-
251
+ margin: 0 auto;
252
+
253
+ text-align: left;
254
+
255
+ border: 1px solid #FF0000;
196
256
 
197
257
  }
198
258
 
199
-
200
-
201
- #result {
202
-
203
- color:red;
204
-
205
- font-size:100px;
206
-
207
-
208
-
209
-
210
-
211
- };
259
+ ```
212
-
213
-
214
-
215
- .EnemySelect {
216
-
217
- padding-left:100px;
218
-
219
-
220
-
221
- };
222
-
223
-
224
-
225
- .life {
226
-
227
- display: inline-block;
228
-
229
- };
230
-
231
-
232
-
233
- .gazi {
234
-
235
- display: inline-block;
236
-
237
- };
238
-
239
-
240
-
241
- body {
242
-
243
- text-align: center;
244
-
245
- }
246
-
247
- div#wrapper {
248
-
249
- width: 800px;
250
-
251
- margin: 0 auto;
252
-
253
- text-align: left;
254
-
255
- border: 1px solid #FF0000;
256
-
257
- }