回答編集履歴
4
言い回しの修正
test
CHANGED
|
@@ -11,7 +11,8 @@
|
|
|
11
11
|
### > デフォルトで表面が表示されたら良いと思うのですが、どうしたら良いですか？
|
|
12
12
|
初期状態は表面では？
|
|
13
13
|
|
|
14
|
+
もしも 次に切り替える際に裏なら表にしたいという意でありましたら
|
|
14
|
-
|
|
15
|
+
次の様に next() 内で className を空文字にしたらいいのではないでしょうか？
|
|
15
16
|
|
|
16
17
|
```js
|
|
17
18
|
function next() {
|
3
モジュールについての注釈の追加
test
CHANGED
|
@@ -226,6 +226,9 @@
|
|
|
226
226
|
}
|
|
227
227
|
</script>
|
|
228
228
|
```
|
|
229
|
+
|
|
230
|
+
※ 名前空間汚染対策に javascript モジュール(`<script type="module">`)に切り替えています
|
|
231
|
+
|
|
229
232
|
playground
|
|
230
233
|
https://livecodes.io/?x=id/egqiuuz37ma
|
|
231
234
|
|
2
言い回しの調整
test
CHANGED
|
@@ -29,6 +29,9 @@
|
|
|
29
29
|
```
|
|
30
30
|
|
|
31
31
|
ただ、これだと 裏状態だと 裏から表になるアニメーション前なので答えが見えてしまいます。
|
|
32
|
+
`cardFront.innerHTML = words[num]['en'];`
|
|
33
|
+
の後にしてみるならどうでしょうか？
|
|
34
|
+
いえ、アニメーションを待つわけではないので見えてしまいます。
|
|
32
35
|
|
|
33
36
|
```js
|
|
34
37
|
function next() {
|
|
@@ -39,11 +42,9 @@
|
|
|
39
42
|
}
|
|
40
43
|
```
|
|
41
44
|
|
|
42
|
-
これならどうでしょうか？ いえ、アニメーションを待つわけではないので見えてしまいます。
|
|
43
|
-
|
|
44
45
|
アニメーションを待つにはどうしたらいいでしょうか？
|
|
45
46
|
|
|
46
|
-
transform の完了を知らせるイベントは transitionend です。
|
|
47
|
+
css の `transform` の完了を知らせるイベントは `transitionend` です。
|
|
47
48
|
その為、次の様に next() メソッドを書き換えることでうまくいきます。
|
|
48
49
|
|
|
49
50
|
```js
|
1
言い回しの修正と 主題への回答
test
CHANGED
|
@@ -1,5 +1,8 @@
|
|
|
1
1
|
playground で用意するならこんな感じですね。
|
|
2
2
|
https://livecodes.io/?x=id/5ca4bjutqin
|
|
3
|
+
|
|
4
|
+
### > classNameが空文字だったらとはどういう状態？
|
|
5
|
+
ここでは open ではない の意で使われていますね。
|
|
3
6
|
|
|
4
7
|
### > 110行が機能しているということで合ってます？
|
|
5
8
|
そうです。
|
|
@@ -36,7 +39,7 @@
|
|
|
36
39
|
}
|
|
37
40
|
```
|
|
38
41
|
|
|
39
|
-
これならどうでしょうか？ いえ、アニメーションを待つわけではないので見えま
|
|
42
|
+
これならどうでしょうか？ いえ、アニメーションを待つわけではないので見えてしまいます。
|
|
40
43
|
|
|
41
44
|
アニメーションを待つにはどうしたらいいでしょうか？
|
|
42
45
|
|