質問編集履歴

3

view-source 追記しました

2020/02/08 06:59

投稿

masaosama
masaosama

スコア4

test CHANGED
File without changes
test CHANGED
@@ -290,7 +290,55 @@
290
290
 
291
291
  ```
292
292
 
293
-
293
+ ```
294
+
295
+ <!--view-source:-->
296
+
297
+ <!DOCTYPE html>
298
+
299
+ <html lang="ja">
300
+
301
+ <head>
302
+
303
+ <meta charset="utf-8">
304
+
305
+ <title>Quiz</title>
306
+
307
+ <link rel="stylesheet" href="styles.css">
308
+
309
+ </head>
310
+
311
+ <body>
312
+
313
+ <div id="container">
314
+
315
+ <h1>Q. What is A?</h1>
316
+
317
+ <ul>
318
+
319
+ <li class="answer">A0</li>
320
+
321
+ <li class="answer">A3</li>
322
+
323
+ <li class="answer">A1</li>
324
+
325
+ <li class="answer">A2</li>
326
+
327
+ </ul>
328
+
329
+ <div id="btn" class="disabled">Next Question</div>
330
+
331
+ </div>
332
+
333
+ <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
334
+
335
+ <script src="quiz.js"></script>
336
+
337
+ </body>
338
+
339
+ </html>
340
+
341
+ ```
294
342
 
295
343
  ### 試したこと
296
344
 

2

教えていただきありがとうございます。変更しました。

2020/02/08 06:58

投稿

masaosama
masaosama

スコア4

test CHANGED
File without changes
test CHANGED
@@ -307,3 +307,5 @@
307
307
  ここにより詳細な情報を記載してください。
308
308
 
309
309
  cssの.correct以下が反映されません。
310
+
311
+ 検証ツールでは打ち消し線で消えているのではなく、表示すらされません。

1

html追記しました。また、検証ツールではこのCSSは表示されません。(線で消えていたりはしないです、)

2020/02/08 04:42

投稿

masaosama
masaosama

スコア4

test CHANGED
File without changes
test CHANGED
@@ -96,9 +96,19 @@
96
96
 
97
97
 
98
98
 
99
+
100
+
101
+
102
+
103
+
104
+
105
+
106
+
99
- 以下CSS
107
+ ```
108
+
100
-
109
+ ```styles.css
110
+
101
-
111
+ styles.css
102
112
 
103
113
  body {
104
114
 
@@ -208,6 +218,74 @@
208
218
 
209
219
  }
210
220
 
221
+ ```
222
+
223
+ ```index.php
224
+
225
+
226
+
227
+ <?php
228
+
229
+
230
+
231
+ require_once(__DIR__ . '/config.php');
232
+
233
+ require_once(__DIR__ . '/Quiz.php');
234
+
235
+
236
+
237
+ $quiz = new MyApp\Quiz();
238
+
239
+ $data = $quiz->getCurrentQuiz();
240
+
241
+ shuffle($data['a']);
242
+
243
+
244
+
245
+ ?>
246
+
247
+ <!DOCTYPE html>
248
+
249
+ <html lang="ja">
250
+
251
+ <head>
252
+
253
+ <meta charset="utf-8">
254
+
255
+ <title>Quiz</title>
256
+
257
+ <link rel="stylesheet" href="styles.css">
258
+
259
+ </head>
260
+
261
+ <body>
262
+
263
+ <div id="container">
264
+
265
+ <h1>Q. <?= h($data['q']); ?></h1>
266
+
267
+ <ul>
268
+
269
+ <?php foreach ($data['a'] as $a) : ?>
270
+
271
+ <li class="answer"><?= h($a); ?></li>
272
+
273
+ <?php endforeach; ?>
274
+
275
+ </ul>
276
+
277
+ <div id="btn" class="disabled">Next Question</div>
278
+
279
+ </div>
280
+
281
+ <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
282
+
283
+ <script src="quiz.js"></script>
284
+
285
+ </body>
286
+
287
+ </html>
288
+
211
289
 
212
290
 
213
291
  ```
@@ -227,3 +305,5 @@
227
305
 
228
306
 
229
307
  ここにより詳細な情報を記載してください。
308
+
309
+ cssの.correct以下が反映されません。