質問編集履歴

1

修正依頼いただきましたので、HTML&CSS追記致しました。

2020/11/28 07:22

投稿

AyaWeb4
AyaWeb4

score4

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>&copy; 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のイベントで