質問編集履歴
1
コードの変更，マークアップ
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -1,7 +1,3 @@
|
|
|
1
|
-
```ここに言語を入力
|
|
2
|
-
|
|
3
|
-
コード
|
|
4
|
-
|
|
5
1
|
```### 前提・実現したいこと
|
|
6
2
|
|
|
7
3
|
|
|
@@ -52,39 +48,41 @@
|
|
|
52
48
|
|
|
53
49
|
|
|
54
50
|
|
|
51
|
+
```
|
|
55
52
|
|
|
53
|
+
JavaScript
|
|
56
54
|
|
|
57
|
-
|
|
55
|
+
コード
|
|
58
56
|
|
|
59
|
-
```
|
|
57
|
+
```
|
|
60
58
|
|
|
61
|
-
|
|
59
|
+
'use strict';
|
|
62
60
|
|
|
63
61
|
|
|
64
62
|
|
|
65
63
|
{
|
|
66
64
|
|
|
67
|
-
const question = document.getElementById(
|
|
65
|
+
const question = document.getElementById('question');
|
|
68
66
|
|
|
69
|
-
const choices = document.getElementById(
|
|
67
|
+
const choices = document.getElementById('choices');
|
|
70
68
|
|
|
71
|
-
const btn= document.getElementById(
|
|
69
|
+
const btn = document.getElementById('btn');
|
|
72
70
|
|
|
73
71
|
|
|
74
72
|
|
|
75
73
|
const quizSet = [
|
|
76
74
|
|
|
77
|
-
{q:
|
|
75
|
+
{q: 'What is A?', c: ['A0', 'A1', 'A2']},
|
|
78
76
|
|
|
79
|
-
{q:
|
|
77
|
+
{q: 'What is B?', c: ['B0', 'B1', 'B2']},
|
|
80
78
|
|
|
81
|
-
{q:
|
|
79
|
+
{q: 'What is C?', c: ['C0', 'C1', 'C2']},
|
|
82
80
|
|
|
83
81
|
];
|
|
84
82
|
|
|
85
83
|
let currentNum = 0;
|
|
86
84
|
|
|
87
|
-
|
|
85
|
+
|
|
88
86
|
|
|
89
87
|
question.textContent = quizSet[currentNum].q;
|
|
90
88
|
|
|
@@ -92,11 +90,11 @@
|
|
|
92
90
|
|
|
93
91
|
quizSet[currentNum].c.forEach(choice => {
|
|
94
92
|
|
|
95
|
-
const li = document.createElement(
|
|
93
|
+
const li = document.createElement('li');
|
|
96
94
|
|
|
97
95
|
li.textContent = choice;
|
|
98
96
|
|
|
99
|
-
choices.appendChild(li)
|
|
97
|
+
choices.appendChild(li);
|
|
100
98
|
|
|
101
99
|
});
|
|
102
100
|
|
|
@@ -104,15 +102,11 @@
|
|
|
104
102
|
|
|
105
103
|
|
|
106
104
|
|
|
105
|
+
```html
|
|
107
106
|
|
|
107
|
+
コード
|
|
108
108
|
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
```
|
|
109
|
+
```
|
|
116
110
|
|
|
117
111
|
|
|
118
112
|
|
|
@@ -122,9 +116,7 @@
|
|
|
122
116
|
|
|
123
117
|
<head>
|
|
124
118
|
|
|
125
|
-
<meta charset="
|
|
119
|
+
<meta charset="utf-8">
|
|
126
|
-
|
|
127
|
-
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
128
120
|
|
|
129
121
|
<title>Quiz</title>
|
|
130
122
|
|
|
@@ -138,11 +130,7 @@
|
|
|
138
130
|
|
|
139
131
|
<p id="question"></p>
|
|
140
132
|
|
|
141
|
-
<ul id="choices">
|
|
133
|
+
<ul id="choices"></ul>
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
</ul>
|
|
146
134
|
|
|
147
135
|
<div id="btn" class="disabled">Next</div>
|
|
148
136
|
|
|
@@ -158,6 +146,16 @@
|
|
|
158
146
|
|
|
159
147
|
|
|
160
148
|
|
|
149
|
+
```ここに言語を入力
|
|
150
|
+
|
|
151
|
+
コード
|
|
152
|
+
|
|
153
|
+
```
|
|
154
|
+
|
|
155
|
+
|
|
156
|
+
|
|
157
|
+
|
|
158
|
+
|
|
161
159
|
### 試したこと
|
|
162
160
|
|
|
163
161
|
|
|
@@ -170,4 +168,4 @@
|
|
|
170
168
|
|
|
171
169
|
|
|
172
170
|
|
|
173
|
-
ここにより詳細な情報を記載してください。
|
|
171
|
+
ここにより詳細な情報を記載してください。。
|