質問編集履歴
2
書式の改善
test
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
JavaScript ルーレット マス目の表示
|
|
1
|
+
JavaScript ルーレット マス目の表示
|
test
CHANGED
|
@@ -1,8 +1,4 @@
|
|
|
1
|
-
```ここに言語を入力
|
|
2
|
-
|
|
3
|
-
コード
|
|
4
|
-
|
|
5
|
-
|
|
1
|
+
### 前提・実現したいこと
|
|
6
2
|
|
|
7
3
|
|
|
8
4
|
|
|
@@ -10,9 +6,9 @@
|
|
|
10
6
|
|
|
11
7
|
JavaScriptを使ってルーレットを作成しています。
|
|
12
8
|
|
|
13
|
-
マス目を表示させたい
|
|
9
|
+
マス目を表示させたいです。
|
|
14
|
-
|
|
10
|
+
|
|
15
|
-
|
|
11
|
+
現状数字の16しか表示されていません。
|
|
16
12
|
|
|
17
13
|
宜しくお願いします。
|
|
18
14
|
|
1
CSSソースコードの追加
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -1,4 +1,8 @@
|
|
|
1
|
+
```ここに言語を入力
|
|
2
|
+
|
|
3
|
+
コード
|
|
4
|
+
|
|
1
|
-
### 前提・実現したいこと
|
|
5
|
+
```### 前提・実現したいこと
|
|
2
6
|
|
|
3
7
|
|
|
4
8
|
|
|
@@ -280,7 +284,97 @@
|
|
|
280
284
|
|
|
281
285
|
```
|
|
282
286
|
|
|
283
|
-
|
|
287
|
+
```ここに言語名を入力
|
|
288
|
+
|
|
289
|
+
body {
|
|
290
|
+
|
|
291
|
+
font-size: 16px;
|
|
292
|
+
|
|
293
|
+
margin: 0;
|
|
294
|
+
|
|
295
|
+
}
|
|
296
|
+
|
|
297
|
+
#container {
|
|
298
|
+
|
|
299
|
+
width: 500px;
|
|
300
|
+
|
|
301
|
+
margin: 0 auto;
|
|
302
|
+
|
|
303
|
+
padding: 50px;
|
|
304
|
+
|
|
305
|
+
background: #F5F5F5;
|
|
306
|
+
|
|
307
|
+
}
|
|
308
|
+
|
|
309
|
+
#roulette {
|
|
310
|
+
|
|
311
|
+
width: 408px;
|
|
312
|
+
|
|
313
|
+
border: solid 5px;
|
|
314
|
+
|
|
315
|
+
margin: 0px auto 30px;
|
|
316
|
+
|
|
317
|
+
}
|
|
318
|
+
|
|
319
|
+
#handling {
|
|
320
|
+
|
|
321
|
+
text-align: center;
|
|
322
|
+
|
|
323
|
+
}
|
|
324
|
+
|
|
325
|
+
#handling button {
|
|
326
|
+
|
|
327
|
+
font-size: 24px;
|
|
328
|
+
|
|
329
|
+
padding: 2px 6px 3px;
|
|
330
|
+
|
|
331
|
+
}
|
|
332
|
+
|
|
333
|
+
.container{
|
|
334
|
+
|
|
335
|
+
display: block;
|
|
336
|
+
|
|
337
|
+
clear: both;
|
|
338
|
+
|
|
339
|
+
}
|
|
340
|
+
|
|
341
|
+
.roulette {
|
|
342
|
+
|
|
343
|
+
width: 100px;
|
|
344
|
+
|
|
345
|
+
height: 100px;
|
|
346
|
+
|
|
347
|
+
font-size: 36px;
|
|
348
|
+
|
|
349
|
+
text-align: center;
|
|
350
|
+
|
|
351
|
+
line-height: 100px;
|
|
352
|
+
|
|
353
|
+
border: solid 1px;
|
|
354
|
+
|
|
355
|
+
float: left;
|
|
356
|
+
|
|
357
|
+
}
|
|
358
|
+
|
|
359
|
+
.light_up {
|
|
360
|
+
|
|
361
|
+
background-color: #FFA07A;
|
|
362
|
+
|
|
363
|
+
}
|
|
364
|
+
|
|
365
|
+
.light_up_spot {
|
|
366
|
+
|
|
367
|
+
background-color: #FF4500;
|
|
368
|
+
|
|
369
|
+
}
|
|
370
|
+
|
|
371
|
+
.light_out {
|
|
372
|
+
|
|
373
|
+
opacity:0.25;
|
|
374
|
+
|
|
375
|
+
}
|
|
376
|
+
|
|
377
|
+
```
|
|
284
378
|
|
|
285
379
|
### 試したこと
|
|
286
380
|
|