1
00:00:00,330 --> 00:00:00,660
大丈夫。

2
00:00:00,650 --> 00:00:01,490
お帰りなさい。

3
00:00:01,680 --> 00:00:06,210
そしてこのビデオは、私たちのリストの基本機能のいくつかに取り組むことから始める予定です。

4
00:00:06,210 --> 00:00:11,400
クイックリスナーを同盟国に追加することで、簡単に始めることができます。クリックすると、ここで見ることができるストライクスロー効果が得られ、それを賞賛します。

5
00:00:11,730 --> 00:00:16,380
 

6
00:00:16,890 --> 00:00:20,750
そして私たちがそれをする前に、私は実際に私たちの背景を少し変えようとしています。

7
00:00:21,000 --> 00:00:22,910
私はその背景を取り除くつもりです。

8
00:00:23,190 --> 00:00:25,020
そして、代わりに境界線を追加します。

9
00:00:25,200 --> 00:00:33,630
したがって、境界線は2ピクセルの実線の灰色になりますが、小さな灰色に変わるだけです。

10
00:00:33,630 --> 00:00:35,800
 

11
00:00:35,880 --> 00:00:39,170
私たちが素晴らしい背景を持っていれば、それはまったくブレンドされます。

12
00:00:39,490 --> 00:00:40,180
OK。

13
00:00:40,200 --> 00:00:47,370
だから私たちは、目の中のテキストが灰色であり、取り消し線の効果を追加するという味方をクリックするとします。

14
00:00:47,370 --> 00:00:48,190
 

15
00:00:48,570 --> 00:00:50,930
だから私たちのjavascriptファイルに行きましょう。

16
00:00:51,210 --> 00:01:00,780
簡単なコメントを追加することから始めましょう。ここで、Dewesに固有のものをクリックして確認してから、それを作ってみましょう。

17
00:01:00,780 --> 00:01:01,820
 

18
00:01:02,010 --> 00:01:04,540
だから我々はすべての同盟国を選択する必要があります。

19
00:01:04,830 --> 00:01:11,020
ですから、ドル記号の代わりに味方だけをクリックすれば、クリックするだけです。

20
00:01:12,150 --> 00:01:18,360
 

21
00:01:18,360 --> 00:01:28,050
 

22
00:01:28,050 --> 00:01:32,520
ここをクリックすると、コールバック関数を実行する関数があります。ここでは、アライブをクリックして元に戻って、味方を更新してクリックすると、味方だが、それ以外はどこにもない。

23
00:01:32,550 --> 00:01:34,260
すばらしいです。

24
00:01:34,260 --> 00:01:39,930
次は、クリックした個々の同盟国を変更し、色の色や取り消し線やテキストの装飾の効果を変更する作業をします。ドットのCSSAメソッドを使用することを警告するのではなく、SSを参照してくださいcolorプロパティを使用して作業し、カラーグレーとテキスト装飾プロパティをオンにしてそのラインを作成したいとします。

25
00:01:39,930 --> 00:01:47,050
 

26
00:01:47,150 --> 00:01:54,270
 

27
00:01:54,290 --> 00:01:59,210
 

28
00:01:59,690 --> 00:02:01,210
色から始めましょう。

29
00:02:01,380 --> 00:02:05,090
だから、ちょうどそのような色の灰色のように見えます。

30
00:02:05,370 --> 00:02:09,610
それから、私たちが何を選択しているのか、それを何に適用しているのかを決めなければなりません。

31
00:02:09,990 --> 00:02:15,180
そして、これは私たちが嘘を選んで私たちに腹を立てばやりたいことではありません。

32
00:02:15,210 --> 00:02:20,670
今すぐクリックすると、それらはすべて灰色に変わり、クリックすると赤色のような明瞭なものを作成するのが少し難しいことが分かります。

33
00:02:20,670 --> 00:02:24,000
 

34
00:02:24,060 --> 00:02:29,880
彼らはすべて赤色に変わって、私たちが望んでいるものではなく、クリックしたものだけです。

35
00:02:30,150 --> 00:02:34,410
そして、これが、J Querreyラッパーのキーワードです。

36
00:02:34,410 --> 00:02:40,260
これは、クリックされた特定の嘘を指し、その色のみが灰色になるようにSEUSを変更するだけです。

37
00:02:40,260 --> 00:02:41,460
 

38
00:02:41,760 --> 00:02:43,510
そして、それをテストします。

39
00:02:43,560 --> 00:02:47,740
今私は個々の同盟国をクリックし、それは灰色に変わります。

40
00:02:47,910 --> 00:02:51,000
もちろん、再びクリックすると黒に戻りません。

41
00:02:51,030 --> 00:02:53,790
私たちはその機能を持っていません。

42
00:02:53,790 --> 00:02:59,370
今度は、ラインスルーエフェクトで取り消し線を取得して、このような別の行を実行してみましょう。

43
00:02:59,370 --> 00:03:15,300
これは私たちとSEUSをして、テキストのコロンやコンマの行ダッシュを介して保存し、ここに見てプレンティス欠けて戻って行く。

44
00:03:15,330 --> 00:03:18,200
 

45
00:03:20,070 --> 00:03:27,940
クリックすると、そこに取り消し線効果があり、色がグレーに変わります。

46
00:03:29,610 --> 00:03:32,200
しかし、もちろん、いつもより簡単な方法があります。

47
00:03:32,220 --> 00:03:38,280
したがって、2つの別々の行で行うのではなく、キー値のペアでオブジェクトを定義する方法と、このCSSA呼び出しを1つだけ行うことを思い出しているかもしれません。

48
00:03:38,280 --> 00:03:43,100
 

49
00:03:43,290 --> 00:03:52,880
そこでここにオブジェクトを追加しました。色の灰色のカンマを追加する必要があります。

50
00:03:53,280 --> 00:03:59,110
そして、これは、オブジェクトにDaschの装飾を施し、行間を設定するとややこしいことです。

51
00:03:59,580 --> 00:04:05,520
そして、私はあなたを保存し、リフレッシュして何も起こらないと見る。

52
00:04:05,530 --> 00:04:10,530
実際にはエラーが発生します。なぜならjavascriptではハイフンを含むプロパティ名を持つことができないからです。

53
00:04:10,530 --> 00:04:11,240
 

54
00:04:11,760 --> 00:04:19,410
したがって、オブジェクトを定義するシンタックスを使用している場合、テキスト宣言のラクセルケースを使用する必要がありますが、これは少し難解です。

55
00:04:19,410 --> 00:04:20,890
 

56
00:04:20,940 --> 00:04:27,360
そして、私たちが新鮮ならば、CSSAのプロパティとその行を灰色で塗りつぶすようにテキストデコレーションが見つかることがわかりました。

57
00:04:27,360 --> 00:04:30,290
 

58
00:04:30,510 --> 00:04:35,510
あなたがやりたいかもしれない次のことは、それを黒に戻し、もう一度クリックして線を取り除くことです。

59
00:04:35,520 --> 00:04:36,540
 

60
00:04:37,460 --> 00:04:39,800
これを行うには、単純なIF文を使用します。

61
00:04:39,900 --> 00:04:45,600
だから、Allyがグレーであるかどうかをチェックし、次にそれを黒に変えてグレーにします。

62
00:04:48,510 --> 00:04:49,020
 

63
00:04:51,670 --> 00:04:53,780
 

64
00:04:53,920 --> 00:05:00,820
だから嘘が灰色であるかどうかを確認するには、これを使うことができます。

65
00:05:00,890 --> 00:05:13,150
SSこのようにすれば、味方が灰色であるかどうかを確認するには、このドットC

66
00:05:13,870 --> 00:05:19,230
Sを実際に使用して、別の値を指定せずに色を要求し、現在の色を取得します。

67
00:05:19,620 --> 00:05:28,370
したがって、色の感覚がグレーに等しいことがわかると、if文が出ます。

68
00:05:29,410 --> 00:05:39,120
ただ、コンサートのログは現在グレーで始まりましょう。それはすべて始まります。

69
00:05:39,490 --> 00:05:41,790
 

70
00:05:47,310 --> 00:05:51,150
ですから、これを少しきれいにしましょう。そうでなければ、それをそのまま残して戻ってきます。

71
00:05:51,310 --> 00:05:58,170
私たちがリフレッシュしてコンソールを開くと、これらのアイコンの1つをクリックすると、灰色ではないのでまだ何も教えてくれません。

72
00:05:58,180 --> 00:06:00,030
 

73
00:06:00,190 --> 00:06:03,230
しかし、今度は再びクリックするとまだ動作しません。

74
00:06:03,270 --> 00:06:05,420
その理由はやや難解です。

75
00:06:05,470 --> 00:06:06,930
もし私たちがここに帰れば。

76
00:06:07,180 --> 00:06:12,820
これがCSSAの色がif文の外側にあることを見てみましょう。

77
00:06:12,910 --> 00:06:15,400
だから私たちはログを記録するコンソールを実行します。

78
00:06:15,690 --> 00:06:19,760
これにより、SSの色が始まり、ページが更新されます。

79
00:06:20,250 --> 00:06:25,230
私がクリックすると、Rで始まることがわかります。 G. 000。

80
00:06:25,440 --> 00:06:31,750
もう一度クリックすると、色が灰色に設定されます。検査した場合、現在は灰色であると考えられます。

81
00:06:31,750 --> 00:06:33,270
 

82
00:06:33,750 --> 00:06:40,100
色はグレーですが、もう一度クリックすると実際にはRです。 G. バージョン。

83
00:06:40,320 --> 00:06:45,550
だから我々は色がグレーに等しいかどうかを比較するときにはうまくいかないでしょう。

84
00:06:45,670 --> 00:06:49,820
それをRと比較する必要があります。 G. be 1 2 8 1 2 8 1 2 8。

85
00:06:50,310 --> 00:06:57,840
そして、私たちがこれを試してリフレッシュすると、初めて何もクリックしなかったときに私は再度クリックする必要があります。

86
00:06:58,090 --> 00:07:00,730
現在は現在グレーです。

87
00:07:01,150 --> 00:07:01,460
OK。

88
00:07:01,480 --> 00:07:02,710
だから私たちはそれを使うことができます。

89
00:07:03,030 --> 00:07:05,710
したがって、印刷する代わりに現在はグレーです。

90
00:07:05,920 --> 00:07:08,070
私たちがしたいことは、それを黒くすることです。

91
00:07:08,130 --> 00:07:15,950
だから私たちは色を見てこれを行うだろう、そして我々はただ黒に戻るだろう。

92
00:07:16,120 --> 00:07:16,930
ちょうどそれのように。

93
00:07:17,110 --> 00:07:20,670
そして、テキストの装飾をわずか1秒で処理できます。

94
00:07:20,980 --> 00:07:24,240
そこで、リフレッシュしてクリックするとグレーになります。

95
00:07:24,420 --> 00:07:26,660
そして、もう一度クリックすれば、それはまだ動作しません。

96
00:07:26,840 --> 00:07:29,650
それは、ここで最後に上書きするだけだからです。

97
00:07:29,710 --> 00:07:31,870
私たちは毎回灰色にしています。

98
00:07:31,960 --> 00:07:39,210
だから私たちは他のものに移したかったので、ここでelse文を追加して、それが現在Grayでない場合にのみ実行します。

99
00:07:39,270 --> 00:07:41,060
 

100
00:07:41,740 --> 00:07:42,220
大丈夫。

101
00:07:42,390 --> 00:07:43,260
だから私たちは良いべきだ。

102
00:07:43,260 --> 00:07:50,400
ここでは、このコメントをちょっと上にきれいにしてリフレッシュするだけです。

103
00:07:50,640 --> 00:07:54,490
それをクリックすると再びグレーになり、再び黒に戻ります。

104
00:07:54,550 --> 00:07:58,110
まだ線は通っていますが、少なくとも色は変化しています。

105
00:07:58,420 --> 00:08:05,870
だから、行を取り除くためには、基本的にこれをコピーするか、オブジェクトをやり直すだけです。

106
00:08:06,780 --> 00:08:10,460
また、色をグレーに設定するのではなく、黒にします。

107
00:08:10,840 --> 00:08:15,560
そして、テキストの装飾ではなく、行間ではnoneに設定します。

108
00:08:15,900 --> 00:08:23,950
そして、今我々が新鮮で本当に速いならば、グレーとラインがどこにあるかをオンとオフでトグルします。

109
00:08:23,950 --> 00:08:25,390
 

110
00:08:26,010 --> 00:08:31,260
うまくいけば、私たちがこれを進めていく中で、あなたはこのチェックをするのが一種の仕事であることを見ているでしょう。

111
00:08:31,650 --> 00:08:33,230
それは現在グレーですか？

112
00:08:33,250 --> 00:08:39,580
RGV 128 128 128それが黒なら、テキストの装飾を削除します。

113
00:08:39,700 --> 00:08:41,310
そうでなければこれを行う。

114
00:08:41,490 --> 00:08:46,020
私たちが実際にこの論理を実行する必要はない、はるかに簡単な方法があります。

115
00:08:46,450 --> 00:08:54,460
私たちができることは、クラスを作成することですので、私たちはC

116
00:08:54,460 --> 00:08:59,630
Sでクラスを作成し、完了したか完了したかをコールし、色はグレーにします。

117
00:08:59,800 --> 00:09:00,890
これらの引用符は必要ありません。

118
00:09:01,000 --> 00:09:08,980
私たちはjavascriptではないし、テキストの装飾は行を介して保存し、それを行うことになります。

119
00:09:09,140 --> 00:09:20,310
はい、私たちは実際にこのコードのすべてを置き換えることができ、それはすべてを削除し、このドットトグルクラスは1行を完了しました。

120
00:09:20,320 --> 00:09:20,890
 

121
00:09:23,700 --> 00:09:27,240
 

122
00:09:27,490 --> 00:09:33,960
 

123
00:09:33,970 --> 00:09:40,510
 

124
00:09:40,500 --> 00:09:43,980
だから私たちが同盟者をクリックすると、クラスをクリックしたスライド上のクラスをトグルして、それを灰色にして、それをラインスルー効果とし、それを削除する必要があるかどうかを追跡します自動的に追加されます。

125
00:09:44,380 --> 00:09:48,240
それで、あなたは以前とまったく同じように見えます。

126
00:09:48,370 --> 00:09:54,700
しかし、10行ほどではなく、1行のコードを書くだけで済みました。次のビデオでは、Xが実際にそれを導くためにどのようにできるかについて話します

127
00:09:54,690 --> 00:09:57,490