回答編集履歴
2
コードのリファクタ
test
CHANGED
|
@@ -18,47 +18,31 @@
|
|
|
18
18
|
|
|
19
19
|
const n = Math.random();
|
|
20
20
|
|
|
21
|
+
/* 追加ここから */
|
|
22
|
+
|
|
23
|
+
clearClass(btn)
|
|
24
|
+
|
|
25
|
+
/* 追加ここまで */
|
|
26
|
+
|
|
27
|
+
|
|
28
|
+
|
|
21
29
|
if (n < 0.25) {
|
|
22
30
|
|
|
23
31
|
btn.textContent = '大吉';
|
|
24
32
|
|
|
25
|
-
/* 追加ここから */
|
|
26
|
-
|
|
27
|
-
removeClass(btn)
|
|
28
|
-
|
|
29
|
-
/* 追加ここまで */
|
|
30
|
-
|
|
31
33
|
btn.classList.add('daikiti');
|
|
32
|
-
|
|
33
|
-
|
|
34
34
|
|
|
35
35
|
} else if (n < 0.50) {
|
|
36
36
|
|
|
37
37
|
btn.textContent = '中吉';
|
|
38
38
|
|
|
39
|
-
/* 追加ここから */
|
|
40
|
-
|
|
41
|
-
removeClass(btn)
|
|
42
|
-
|
|
43
|
-
/* 追加ここまで */
|
|
44
|
-
|
|
45
39
|
btn.classList.add('chukiti');
|
|
46
|
-
|
|
47
|
-
|
|
48
40
|
|
|
49
41
|
} else {
|
|
50
42
|
|
|
51
43
|
btn.textContent = '凶';
|
|
52
44
|
|
|
53
|
-
/* 追加ここから */
|
|
54
|
-
|
|
55
|
-
removeClass(btn)
|
|
56
|
-
|
|
57
|
-
/* 追加ここまで */
|
|
58
|
-
|
|
59
45
|
btn.classList.add('kyo');
|
|
60
|
-
|
|
61
|
-
|
|
62
46
|
|
|
63
47
|
}
|
|
64
48
|
|
|
@@ -70,19 +54,15 @@
|
|
|
70
54
|
|
|
71
55
|
|
|
72
56
|
|
|
73
|
-
|
|
74
|
-
|
|
75
57
|
// 指定してあるクラスを全て取り除く
|
|
76
58
|
|
|
77
59
|
// 特定のクラスだけ取り除きたいなら、クラスを指定してremoveする
|
|
78
60
|
|
|
79
|
-
function r
|
|
61
|
+
function clearClass(element) {
|
|
80
62
|
|
|
81
63
|
element.classList.remove(...element.classList)
|
|
82
64
|
|
|
83
65
|
}
|
|
84
|
-
|
|
85
|
-
|
|
86
66
|
|
|
87
67
|
```
|
|
88
68
|
|
1
cssについての追記
test
CHANGED
|
@@ -85,3 +85,11 @@
|
|
|
85
85
|
|
|
86
86
|
|
|
87
87
|
```
|
|
88
|
+
|
|
89
|
+
|
|
90
|
+
|
|
91
|
+
|
|
92
|
+
|
|
93
|
+
#### 追記
|
|
94
|
+
|
|
95
|
+
3つクラスが指定されていても`kyo`が優先されるのは、cssで`#btn.kyo`が一番下に有るからです。
|