質問編集履歴
1
修正依頼いただきましたので、HTML&CSS追記致しました。
test
CHANGED
File without changes
|
test
CHANGED
@@ -136,6 +136,88 @@
|
|
136
136
|
|
137
137
|
|
138
138
|
|
139
|
+
```HTML
|
140
|
+
|
141
|
+
<!DOCTYPE html>
|
142
|
+
|
143
|
+
<html lang="ja">
|
144
|
+
|
145
|
+
<head>
|
146
|
+
|
147
|
+
<meta charset="UTF-8">
|
148
|
+
|
149
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
150
|
+
|
151
|
+
<meta name="description" content="Typing game">
|
152
|
+
|
153
|
+
<title>Typing game</title>
|
154
|
+
|
155
|
+
<link rel="stylesheet" href="css/ress.css">
|
156
|
+
|
157
|
+
<link rel="stylesheet" href="css/style.css">
|
158
|
+
|
159
|
+
</head>
|
160
|
+
|
161
|
+
<body>
|
162
|
+
|
163
|
+
<img id="js-image">
|
164
|
+
|
165
|
+
<p id="js-target">Start!</p>
|
166
|
+
|
167
|
+
<p id="js-result"></p>
|
168
|
+
|
169
|
+
<footer class="l-footer">
|
170
|
+
|
171
|
+
<div class="l-footer__inner">
|
172
|
+
|
173
|
+
<p class="p-footer__copyright"><small>© 2020 *** Allrights Reserved.</small></p>
|
174
|
+
|
175
|
+
</div>
|
176
|
+
|
177
|
+
</footer>
|
178
|
+
|
179
|
+
<script src="js/main.js"></script>
|
180
|
+
|
181
|
+
</body>
|
182
|
+
|
183
|
+
</html>
|
184
|
+
|
185
|
+
```
|
186
|
+
|
187
|
+
|
188
|
+
|
189
|
+
```css
|
190
|
+
|
191
|
+
body {
|
192
|
+
|
193
|
+
padding-top: 40px;
|
194
|
+
|
195
|
+
font-family: 'Courier New', monospace;
|
196
|
+
|
197
|
+
text-align: center;
|
198
|
+
|
199
|
+
}
|
200
|
+
|
201
|
+
|
202
|
+
|
203
|
+
body p {
|
204
|
+
|
205
|
+
padding-bottom: 20px;
|
206
|
+
|
207
|
+
}
|
208
|
+
|
209
|
+
|
210
|
+
|
211
|
+
#js-target {
|
212
|
+
|
213
|
+
font-size: 48px;
|
214
|
+
|
215
|
+
letter-spacing: .1em;
|
216
|
+
|
217
|
+
}
|
218
|
+
|
219
|
+
```
|
220
|
+
|
139
221
|
##試したこと
|
140
222
|
|
141
223
|
quizSetのtのキーに格納されている単語を取り出して、keydownのイベントで
|