質問編集履歴

3

追加の情報

2020/07/27 14:06

投稿

pppppppppp
pppppppppp

スコア6

test CHANGED
File without changes
test CHANGED
@@ -60,6 +60,216 @@
60
60
 
61
61
  //Javascriptの記述
62
62
 
63
+
64
+
65
+ //-----初期設定
66
+
67
+ function initFunc(){
68
+
69
+ selectArray = [-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1];
70
+
71
+ scoreArray = [0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0];
72
+
73
+ qNum = selectArray.length;
74
+
75
+ }
76
+
77
+
78
+
79
+
80
+
81
+ function preloadFunc() {
82
+
83
+ for(var i = 0; i< arguments.length; i++){
84
+
85
+ $("<img>").attr("src", arguments[i]);
86
+
87
+ }
88
+
89
+ }
90
+
91
+
92
+
93
+ function againFunc(){
94
+
95
+ moveFunc(-1);
96
+
97
+ for (var i in selectArray){
98
+
99
+ var selectID = selectArray[i];
100
+
101
+ $("#" + i + "_" + selectID).removeClass("selected");
102
+
103
+ }
104
+
105
+ initFunc();//---初期化
106
+
107
+ }
108
+
109
+
110
+
111
+ function quesFunc(){
112
+
113
+ var idArray = this.id.split("_");
114
+
115
+ var qID = Number(idArray[0]);
116
+
117
+ var ansID = Number(idArray[1]);
118
+
119
+ var selectID = selectArray[qID];
120
+
121
+ if (ansID == selectID) return;
122
+
123
+ $("#" + qID + "_" + ansID).addClass("selected");
124
+
125
+ $("#" + qID + "_" + selectID).removeClass("selected");
126
+
127
+ selectArray[qID] = ansID;
128
+
129
+ moveFunc(qID);
130
+
131
+
132
+
133
+ scoreArray[qID] = Number($(this).attr("sc"));
134
+
135
+
136
+
137
+ if (qID+1 >= qNum) resultFunc();//---最後の質問かをチェック
138
+
139
+
140
+
141
+ }
142
+
143
+
144
+
145
+ function resultFunc(){
146
+
147
+ alert("合計得点の算出を開始!")
148
+
149
+ }
150
+
151
+
152
+
153
+ function resultFunc(){
154
+
155
+ var totalScore = 0;
156
+
157
+ for(var i in scoreArray){
158
+
159
+ totalScore += scoreArray[i];
160
+
161
+ }
162
+
163
+
164
+
165
+ var q19 = $('li').hasClass('18_1');
166
+
167
+ var q20 = $('li').hasClass('19_1');
168
+
169
+ var q22 =$('li').hasClass('21_0');
170
+
171
+
172
+
173
+ switch (true){
174
+
175
+ case (totalScore >= 25 && q19 == true && q20 == true && q22 == true):
176
+
177
+ var lv = 8;
178
+
179
+ break;
180
+
181
+ case (totalScore >= 25 && q22 == true && q20 == true):
182
+
183
+ var lv = 7;
184
+
185
+ break;
186
+
187
+ case (totalScore >= 25 && q19 == true && q22 == true):
188
+
189
+ var lv = 6;
190
+
191
+ break;
192
+
193
+ case (totalScore >= 25 && q19 == true && q20 == true):
194
+
195
+ var lv = 5;
196
+
197
+ break;
198
+
199
+ case (totalScore >= 25 && q22 == true):
200
+
201
+ var lv = 4;
202
+
203
+ break;
204
+
205
+ case (totalScore >= 25 && q20 == true):
206
+
207
+ var lv = 3;
208
+
209
+ break;
210
+
211
+ case (totalScore >= 25 && q19 == true):
212
+
213
+ var lv = 2;
214
+
215
+ break;
216
+
217
+ case totalScore >= 25:
218
+
219
+ var lv = 1;
220
+
221
+ break;
222
+
223
+ default:
224
+
225
+ var lv = 0;
226
+
227
+ }
228
+
229
+ $("#resultPoint").text(totalScore);
230
+
231
+ $("#resultImage").css("background-image", "url('images/lv"+lv+".png')");
232
+
233
+ var myData = resultArray[lv];
234
+
235
+ $("#resultTitle").text(myData.split(",")[0]);
236
+
237
+ $("#resultText").text(myData.split(",")[1]);
238
+
239
+ }
240
+
241
+
242
+
243
+ function moveFunc(vol){
244
+
245
+ var myPos = (vol+1) * -650;
246
+
247
+ $("#qContainer").delay(500).animate({left: myPos},500);
248
+
249
+ }
250
+
251
+
252
+
253
+ $(function(){
254
+
255
+ initFunc();//---初期化
256
+
257
+
258
+
259
+ $.get('result.csv', function(myData){resultArray = myData.split("\r\n")});
260
+
261
+ preloadFunc("images/lv0.png","images/lv1.png","images/lv2.png","images/lv3.png","images/lv4.png", "images/againOn.png");
262
+
263
+ $("ul>li").click(quesFunc);
264
+
265
+ $("#againButton").click(againFunc);
266
+
267
+ });
268
+
269
+
270
+
271
+
272
+
63
273
  </script></head>
64
274
 
65
275
  <body>

2

画像の追加

2020/07/27 14:05

投稿

pppppppppp
pppppppppp

スコア6

test CHANGED
File without changes
test CHANGED
@@ -1,4 +1,4 @@
1
- ##やりたいこと
1
+ ![イメージ説明](eb5fbe60583f8b8eb1d0d532b77e657b.png)##やりたいこと
2
2
 
3
3
  メディアクエリを利用してレスポンシブデザインを作りたいとおもっています。
4
4
 

1

誤字の修正

2020/07/27 14:04

投稿

pppppppppp
pppppppppp

スコア6

test CHANGED
File without changes
test CHANGED
@@ -1,8 +1,16 @@
1
1
  ##やりたいこと
2
2
 
3
- メディアクエリを利用してレスポンシブデザインを作りたい
3
+ メディアクエリを利用してレスポンシブデザインを作りたいとおもっています。
4
-
4
+
5
- 具体的には、回答ボタンをPC上では横並び、スマホ上では縦並びにしたい
5
+ 具体的には、回答ボタンをPC上では横並び、スマホ上では縦並びにしたいです。
6
+
7
+ 言語はHTML、CSS、Javascriptを使っています。
8
+
9
+
10
+
11
+ ##問題
12
+
13
+ メディアクエリが反映されない。
6
14
 
7
15
 
8
16
 
@@ -348,4 +356,4 @@
348
356
 
349
357
 
350
358
 
351
- 宜しくお願い致します
359
+ 何卒、宜しくお願い致します