質問編集履歴

3

抹消された内容の復元

2018/08/20 07:04

投稿

退会済みユーザー
test CHANGED
@@ -1 +1 @@
1
- 解決しました。ありがとうござました。
1
+ JavaScriptのif文、イベントリスナーなどにつ
test CHANGED
@@ -1 +1,287 @@
1
+ ### 前提・実現したいこと
2
+
3
+ プログラムを独学で勉強し始めて一カ月弱の初心者です。
4
+
5
+ 現在HTML、JavaScriptで以下のような練習問題に取り掛かっています。
6
+
7
+ お店の人「お会計は○○○○円です」←クリックしたら
8
+
9
+ A君「僕は○○○○円持ってるよ」←この部分が表示される
10
+
11
+ B君「僕は○○○○円持ってるよ」←この部分が表示される
12
+
13
+ C君「僕は○○○○円持ってるよ」←この部分が表示される
14
+
15
+ 『○君「じゃあ僕がおごるよ!」』あるいは、『○君○君「僕たちがおごるよ」』あるいは、『全員「割り勘だね」』あるいは、『全員「お金足りないね…」』←この部分が変化し表示される
16
+
17
+ お会計の合計金額とA君とB君とC君のそれそれの所持金を書き換えられるようにして、それぞれの所持金を比較して返答の表示が書き換わるプログラムを書く練習問題をやっているのですが、私の理解も追い付いていなく、上手く動かないため教えていただきたいです。
18
+
19
+ ### 発生している問題・エラーメッセージ
20
+
21
+ ```JavaScript
22
+
23
+ window.onload = function (){
24
+
25
+ var test = document.getElementById("tes");
26
+
27
+ test.addEventListener('click',push1, false);
28
+
29
+ }
30
+
31
+ function push1(){
32
+
33
+ var test1 = document.getElementById("test1");
34
+
35
+ var test2 = document.getElementById("test2");
36
+
37
+ var test3 = document.getElementById("test3");
38
+
39
+ var test4 = document.getElementById("test4");
40
+
41
+ var test5 = document.getElementById("test5");
42
+
43
+ var test6 = document.getElementById("test6");
44
+
45
+ var test7 = document.getElementById("test7");
46
+
47
+ var test8 = document.getElementById("test8");
48
+
49
+ var elem = document.getElementById("element");
50
+
51
+ if(test2 + test4 < test7){
52
+
53
+ elem.innerHTML = "二人「お金足りないね...」";
54
+
55
+ console.log("二人「お金足りないね...」");
56
+
57
+ }else if(test2 > test4){
58
+
59
+ elem.innerHTML = "A君「じゃあ僕がおごるよ!」";
60
+
61
+ console.log("A君「じゃあ僕がおごるよ!」");
62
+
63
+ }else if(test2 < test4){
64
+
65
+ elem.innerHTML = "B君「じゃあ僕がおごるよ!」";
66
+
67
+ console.log("B君「じゃあ僕がおごるよ!」");
68
+
69
+
70
+
71
+ }else{
72
+
73
+ elem.innerHTML = "2人「割り勘にしよう!」";
74
+
75
+ console.log("2人「割り勘にしよう!」");
76
+
77
+ }
78
+
79
+ }
80
+
81
+ ```
82
+
83
+ ```HTML
84
+
85
+ <!DOCTYPE html>
86
+
87
+ <html lang="ja">
88
+
89
+ <head>
90
+
91
+ <meta charset="utf-8">
92
+
93
+ <title>JavaScriptの学習</title>
94
+
95
+ </head>
96
+
97
+ <body>
98
+
99
+ <p>
100
+
101
+ <span id="test6">お店の人「お会計は</span>
102
+
103
+ <span id="test7">2000</span>
104
+
105
+ <span id="test8">円です」</span>
106
+
107
+ <input id="tes" type="button" value="お支払い" />
108
+
109
+ </p>
110
+
111
+ <br>
112
+
113
+ <p>
114
+
115
+ <span id="test1">A君「僕は</span>
116
+
117
+ <span id="test2">1000
118
+
119
+ <span id="test5">円持ってるよ」</span>
120
+
121
+ <br>
122
+
123
+ <span id="test3">B君「僕は</span>
124
+
125
+ <span id="test4">5000
126
+
127
+ <span id="test5">円持ってるよ」</span>
128
+
129
+ </p>
130
+
131
+ <span id="element"></span>
132
+
133
+ <script type="text/javascript" src="./js/if-kadai2.js"></script>
134
+
135
+ </body>
136
+
137
+ </html>
138
+
139
+ ```
140
+
141
+ 若干修正いたしました。
142
+
143
+ 現時点でクリックしたときは答えが表示されるのですが、if文の条件定義が間違っていて、B君の方がたくさんお金を持っていても、割り勘にしようと出てしまいます。elseの割り勘にしようはなくてもいいのですが、どのようにifを直したら、しっかり条件定義出来て、クリックしたときに数字によって答えが変わるのでしょうか。
144
+
1
- 解決しましたので、本文削除させてただきま。ありとうございました
145
+ ここに質問するが初めてで、不慣れで申し訳なのですがよろしくお願いたし
146
+
147
+ ### 該当のソースコード
148
+
149
+ HTML
150
+
151
+ ```<!DOCTYPE html>
152
+
153
+ <html lang="ja">
154
+
155
+ <head>
156
+
157
+ <meta charset="utf-8">
158
+
159
+ <title>JavaScriptの学習</title>
160
+
161
+ </head>
162
+
163
+ <body>
164
+
165
+ <p>
166
+
167
+ <span id="test6">お店の人「お会計は</span>
168
+
169
+ <span id="test7">2000</span>
170
+
171
+ <span id="test8">円です」</span>
172
+
173
+ <input id="tes" type="button" value="お支払い" />
174
+
175
+ </p>
176
+
177
+ <br>
178
+
179
+ <p>
180
+
181
+ <span id="test1">A君「僕は</span>
182
+
183
+ <input id="test2"></input>
184
+
185
+ <span id="test5">円持ってるよ」</span>
186
+
187
+ <br>
188
+
189
+ <span id="test3">B君「僕は</span>
190
+
191
+ <input id="test4"></input>
192
+
193
+ <span id="test5">円持ってるよ」</span>
194
+
195
+ </p>
196
+
197
+ <input id="element" type="text" />
198
+
199
+ <script type="text/javascript" src="./js/if-kadai2.js"></script>
200
+
201
+ </body>
202
+
203
+ </html>
204
+
205
+ ```
206
+
207
+ JavaScript
208
+
209
+ ```
210
+
211
+ window.onload = function (){
212
+
213
+ var test = document.getElementById("tes");
214
+
215
+ test.addEventListener('click',push1, false);
216
+
217
+ }
218
+
219
+ function push1(){
220
+
221
+ var test1 = document.getElementById("test1");
222
+
223
+ var test2 = document.getElementById("test2");
224
+
225
+ var test3 = document.getElementById("test3");
226
+
227
+ var test4 = document.getElementById("test4");
228
+
229
+ var test5 = document.getElementById("test5");
230
+
231
+ var test6 = document.getElementById("test6");
232
+
233
+ var test7 = document.getElementById("test7");
234
+
235
+ var test8 = document.getElementById("test8");
236
+
237
+ var elem = document.getElementById("element");
238
+
239
+ if(test2 + test4 < test7){
240
+
241
+ document.getElementById("element");
242
+
243
+ elem.innerHTML = "二人「お金足りないね...」";
244
+
245
+ console.log("二人「お金足りないね...」");
246
+
247
+ }else if(test2 > test4){
248
+
249
+ document.getElementById("element");
250
+
251
+ elem.innerHTML = "A君「じゃあ僕がおごるよ!」";
252
+
253
+ console.log("A君「じゃあ僕がおごるよ!」");
254
+
255
+ }else if(test2 < test4){
256
+
257
+ document.getElementById("element");
258
+
259
+ elem.innerHTML = "B君「じゃあ僕がおごるよ!」";
260
+
261
+ console.log("B君「じゃあ僕がおごるよ!」");
262
+
263
+
264
+
265
+ }else{
266
+
267
+ document.getElementById("element");
268
+
269
+ elem.innerHTML = "2人「割り勘にしよう!」";
270
+
271
+ console.log("2人「割り勘にしよう!」");
272
+
273
+ }
274
+
275
+ }
276
+
277
+ ```
278
+
279
+ ### 試したこと
280
+
281
+ 色々試した結果何が正しくて、何が間違っているのかが分からなくなっている状況です。
282
+
283
+ クリックしても反応が無いのと、上手く条件定義が出来ていなくてif文の()の中がおかしいと思っています。後別にspanを使わなくてもいいですが、なんとなく使っています。
284
+
285
+ ### 補足情報(FW/ツールのバージョンなど)
286
+
287
+ ここにより詳細な情報を記載してください。

2

2018/08/20 07:04

投稿

退会済みユーザー
test CHANGED
@@ -1 +1 @@
1
- JavaScriptのif文、イベントリスナーなどにつ
1
+ 解決しました。ありがとうござました。
test CHANGED
@@ -1,425 +1 @@
1
- ### 前提・実現したいこと
2
-
3
- プログラムを独学で勉強し始めて一カ月弱の初心者です。
4
-
5
-
6
-
7
- 現在HTML、JavaScriptで以下のような練習問題に取り掛かっています。
8
-
9
-
10
-
11
- お店の人「お会計は○○○○円です」←クリックしたら
12
-
13
-
14
-
15
- A君「僕は○○○○円持ってるよ」←この部分が表示される
16
-
17
- B君「僕は○○○○円持ってるよ」←この部分が表示される
18
-
19
- C君「僕は○○○○円持ってるよ」←この部分が表示される
20
-
21
-
22
-
23
- 『○君「じゃあ僕がおごるよ!」』あるいは、『○君○君「僕たちがおごるよ」』あるいは、『全員「割り勘だね」』あるいは、『全員「お金足りないね…」』←この部分が変化し表示される
24
-
25
-
26
-
27
- お会計の合計金額とA君とB君とC君のそれそれの所持金を書き換えられるようにして、それぞれの所持金を比較して返答の表示が書き換わるプログラムを書く練習問題をやっているのですが、私の理解も追い付いていなく、上手く動かないため教えていただきたいです。
28
-
29
-
30
-
31
- ### 発生している問題・エラーメッセージ
32
-
33
- ```JavaScript
34
-
35
- window.onload = function (){
36
-
37
- var test = document.getElementById("tes");
38
-
39
- test.addEventListener('click',push1, false);
40
-
41
- }
42
-
43
-
44
-
45
-
46
-
47
- function push1(){
48
-
49
-
50
-
51
-
52
-
53
-
54
-
55
- var test1 = document.getElementById("test1");
56
-
57
- var test2 = document.getElementById("test2");
58
-
59
- var test3 = document.getElementById("test3");
60
-
61
- var test4 = document.getElementById("test4");
62
-
63
- var test5 = document.getElementById("test5");
64
-
65
- var test6 = document.getElementById("test6");
66
-
67
- var test7 = document.getElementById("test7");
68
-
69
- var test8 = document.getElementById("test8");
70
-
71
-
72
-
73
-
74
-
75
-
76
-
77
- var elem = document.getElementById("element");
78
-
79
-
80
-
81
- if(test2 + test4 < test7){
82
-
83
- elem.innerHTML = "二人「お金足りないね...」";
84
-
85
- console.log("二人「お金足りないね...」");
86
-
87
-
88
-
89
- }else if(test2 > test4){
90
-
91
- elem.innerHTML = "A君「じゃあ僕がおごるよ!」";
92
-
93
- console.log("A君「じゃあ僕がおごるよ!」");
94
-
95
-
96
-
97
- }else if(test2 < test4){
98
-
99
- elem.innerHTML = "B君「じゃあ僕がおごるよ!」";
100
-
101
- console.log("B君「じゃあ僕がおごるよ!」");
102
-
103
-
104
-
105
- }else{
106
-
107
- elem.innerHTML = "2人「割り勘にしよう!」";
108
-
109
- console.log("2人「割り勘にしよう!」");
110
-
111
- }
112
-
113
-
114
-
115
- }
116
-
117
- ```
118
-
119
- ```HTML
120
-
121
- <!DOCTYPE html>
122
-
123
- <html lang="ja">
124
-
125
- <head>
126
-
127
- <meta charset="utf-8">
128
-
129
- <title>JavaScriptの学習</title>
130
-
131
- </head>
132
-
133
- <body>
134
-
135
-
136
-
137
- <p>
138
-
139
- <span id="test6">お店の人「お会計は</span>
140
-
141
- <span id="test7">2000</span>
142
-
143
- <span id="test8">円です」</span>
144
-
145
- <input id="tes" type="button" value="お支払い" />
146
-
147
- </p>
148
-
149
-
150
-
151
-
152
-
153
- <br>
154
-
155
-
156
-
157
-
158
-
159
- <p>
160
-
161
- <span id="test1">A君「僕は</span>
162
-
163
- <span id="test2">1000
164
-
165
- <span id="test5">円持ってるよ」</span>
166
-
167
- <br>
168
-
169
- <span id="test3">B君「僕は</span>
170
-
171
- <span id="test4">5000
172
-
173
- <span id="test5">円持ってるよ」</span>
174
-
175
- </p>
176
-
177
-
178
-
179
-
180
-
181
-
182
-
183
-
184
-
185
- <span id="element"></span>
186
-
187
-
188
-
189
-
190
-
191
-
192
-
193
-
194
-
195
-
196
-
197
- <script type="text/javascript" src="./js/if-kadai2.js"></script>
198
-
199
-
200
-
201
- </body>
202
-
203
- </html>
204
-
205
- ```
206
-
207
- 若干修正いたしました。
208
-
209
- 現時点でクリックしたときは答えが表示されるのですが、if文の条件定義が間違っていて、B君の方がたくさんお金を持っていても、割り勘にしようと出てしまいます。elseの割り勘にしようはなくてもいいのですが、どのようにifを直したら、しっかり条件定義出来て、クリックしたときに数字によって答えが変わるのでしょうか。
210
-
211
- ここに質問するが初めてで、不慣れで申し訳なのですがよろくお願いいします
1
+ 解決しましたので、本文削除させてただきま。ありとうございました。
212
-
213
-
214
-
215
-
216
-
217
-
218
-
219
- ### 該当のソースコード
220
-
221
-
222
-
223
- HTML
224
-
225
- ```<!DOCTYPE html>
226
-
227
- <html lang="ja">
228
-
229
- <head>
230
-
231
- <meta charset="utf-8">
232
-
233
- <title>JavaScriptの学習</title>
234
-
235
- </head>
236
-
237
- <body>
238
-
239
-
240
-
241
- <p>
242
-
243
- <span id="test6">お店の人「お会計は</span>
244
-
245
- <span id="test7">2000</span>
246
-
247
- <span id="test8">円です」</span>
248
-
249
- <input id="tes" type="button" value="お支払い" />
250
-
251
- </p>
252
-
253
-
254
-
255
-
256
-
257
- <br>
258
-
259
-
260
-
261
-
262
-
263
- <p>
264
-
265
- <span id="test1">A君「僕は</span>
266
-
267
- <input id="test2"></input>
268
-
269
- <span id="test5">円持ってるよ」</span>
270
-
271
- <br>
272
-
273
- <span id="test3">B君「僕は</span>
274
-
275
- <input id="test4"></input>
276
-
277
- <span id="test5">円持ってるよ」</span>
278
-
279
- </p>
280
-
281
-
282
-
283
-
284
-
285
-
286
-
287
-
288
-
289
- <input id="element" type="text" />
290
-
291
-
292
-
293
-
294
-
295
-
296
-
297
-
298
-
299
-
300
-
301
- <script type="text/javascript" src="./js/if-kadai2.js"></script>
302
-
303
-
304
-
305
- </body>
306
-
307
- </html>
308
-
309
- ```
310
-
311
- JavaScript
312
-
313
- ```
314
-
315
- window.onload = function (){
316
-
317
- var test = document.getElementById("tes");
318
-
319
- test.addEventListener('click',push1, false);
320
-
321
- }
322
-
323
-
324
-
325
-
326
-
327
- function push1(){
328
-
329
-
330
-
331
-
332
-
333
-
334
-
335
- var test1 = document.getElementById("test1");
336
-
337
- var test2 = document.getElementById("test2");
338
-
339
- var test3 = document.getElementById("test3");
340
-
341
- var test4 = document.getElementById("test4");
342
-
343
- var test5 = document.getElementById("test5");
344
-
345
- var test6 = document.getElementById("test6");
346
-
347
- var test7 = document.getElementById("test7");
348
-
349
- var test8 = document.getElementById("test8");
350
-
351
-
352
-
353
-
354
-
355
-
356
-
357
- var elem = document.getElementById("element");
358
-
359
-
360
-
361
- if(test2 + test4 < test7){
362
-
363
- document.getElementById("element");
364
-
365
- elem.innerHTML = "二人「お金足りないね...」";
366
-
367
- console.log("二人「お金足りないね...」");
368
-
369
-
370
-
371
- }else if(test2 > test4){
372
-
373
- document.getElementById("element");
374
-
375
- elem.innerHTML = "A君「じゃあ僕がおごるよ!」";
376
-
377
- console.log("A君「じゃあ僕がおごるよ!」");
378
-
379
-
380
-
381
- }else if(test2 < test4){
382
-
383
- document.getElementById("element");
384
-
385
- elem.innerHTML = "B君「じゃあ僕がおごるよ!」";
386
-
387
- console.log("B君「じゃあ僕がおごるよ!」");
388
-
389
-
390
-
391
- }else{
392
-
393
- document.getElementById("element");
394
-
395
- elem.innerHTML = "2人「割り勘にしよう!」";
396
-
397
- console.log("2人「割り勘にしよう!」");
398
-
399
- }
400
-
401
-
402
-
403
- }
404
-
405
-
406
-
407
- ```
408
-
409
-
410
-
411
- ### 試したこと
412
-
413
-
414
-
415
- 色々試した結果何が正しくて、何が間違っているのかが分からなくなっている状況です。
416
-
417
- クリックしても反応が無いのと、上手く条件定義が出来ていなくてif文の()の中がおかしいと思っています。後別にspanを使わなくてもいいですが、なんとなく使っています。
418
-
419
-
420
-
421
- ### 補足情報(FW/ツールのバージョンなど)
422
-
423
-
424
-
425
- ここにより詳細な情報を記載してください。

1

タグの修正

2018/08/20 01:13

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -30,7 +30,187 @@
30
30
 
31
31
  ### 発生している問題・エラーメッセージ
32
32
 
33
+ ```JavaScript
34
+
35
+ window.onload = function (){
36
+
37
+ var test = document.getElementById("tes");
38
+
39
+ test.addEventListener('click',push1, false);
40
+
41
+ }
42
+
43
+
44
+
45
+
46
+
47
+ function push1(){
48
+
49
+
50
+
51
+
52
+
53
+
54
+
55
+ var test1 = document.getElementById("test1");
56
+
57
+ var test2 = document.getElementById("test2");
58
+
59
+ var test3 = document.getElementById("test3");
60
+
61
+ var test4 = document.getElementById("test4");
62
+
63
+ var test5 = document.getElementById("test5");
64
+
65
+ var test6 = document.getElementById("test6");
66
+
67
+ var test7 = document.getElementById("test7");
68
+
69
+ var test8 = document.getElementById("test8");
70
+
71
+
72
+
73
+
74
+
75
+
76
+
77
+ var elem = document.getElementById("element");
78
+
79
+
80
+
81
+ if(test2 + test4 < test7){
82
+
83
+ elem.innerHTML = "二人「お金足りないね...」";
84
+
85
+ console.log("二人「お金足りないね...」");
86
+
87
+
88
+
89
+ }else if(test2 > test4){
90
+
91
+ elem.innerHTML = "A君「じゃあ僕がおごるよ!」";
92
+
93
+ console.log("A君「じゃあ僕がおごるよ!」");
94
+
95
+
96
+
97
+ }else if(test2 < test4){
98
+
99
+ elem.innerHTML = "B君「じゃあ僕がおごるよ!」";
100
+
101
+ console.log("B君「じゃあ僕がおごるよ!」");
102
+
103
+
104
+
105
+ }else{
106
+
107
+ elem.innerHTML = "2人「割り勘にしよう!」";
108
+
109
+ console.log("2人「割り勘にしよう!」");
110
+
111
+ }
112
+
113
+
114
+
115
+ }
116
+
117
+ ```
118
+
119
+ ```HTML
120
+
121
+ <!DOCTYPE html>
122
+
123
+ <html lang="ja">
124
+
125
+ <head>
126
+
127
+ <meta charset="utf-8">
128
+
129
+ <title>JavaScriptの学習</title>
130
+
131
+ </head>
132
+
133
+ <body>
134
+
135
+
136
+
137
+ <p>
138
+
139
+ <span id="test6">お店の人「お会計は</span>
140
+
141
+ <span id="test7">2000</span>
142
+
143
+ <span id="test8">円です」</span>
144
+
145
+ <input id="tes" type="button" value="お支払い" />
146
+
147
+ </p>
148
+
149
+
150
+
151
+
152
+
153
+ <br>
154
+
155
+
156
+
157
+
158
+
159
+ <p>
160
+
161
+ <span id="test1">A君「僕は</span>
162
+
163
+ <span id="test2">1000
164
+
165
+ <span id="test5">円持ってるよ」</span>
166
+
167
+ <br>
168
+
169
+ <span id="test3">B君「僕は</span>
170
+
171
+ <span id="test4">5000
172
+
173
+ <span id="test5">円持ってるよ」</span>
174
+
175
+ </p>
176
+
177
+
178
+
179
+
180
+
181
+
182
+
183
+
184
+
185
+ <span id="element"></span>
186
+
187
+
188
+
189
+
190
+
191
+
192
+
193
+
194
+
195
+
196
+
197
+ <script type="text/javascript" src="./js/if-kadai2.js"></script>
198
+
199
+
200
+
201
+ </body>
202
+
203
+ </html>
204
+
205
+ ```
206
+
207
+ 若干修正いたしました。
208
+
33
- なんなくこんな感じになりそうだなという感じで書いているので、どこが間違っているかなどがよくわかっいません。if文使いやイベントリスナーの使い方っているのかどこをど直せばちゃん動くのかを知りたす。勉強途中で質問があいですいませんが、お力添えよろくお願いいたします
209
+ 現時点でクリックしたきは答えが表示されるのですがif文の条件定義が間違っていて、B君の方がたくさんお金を持っていても割り勘にしようと出てします。elseの割り勘にしようはなくてもいいですが、どのようにifしたら、っかり条件定義出来て、クリックしたときに数字によって答えが変わるのでしょうか
210
+
211
+ ここに質問するのが初めてで、不慣れで申し訳ないのですがよろしくお願いいたします。
212
+
213
+
34
214
 
35
215
 
36
216