大丈夫。
お帰りなさい。
そしてこのビデオは、私たちのリストの基本機能のいくつかに取り組むことから始める予定です。
クイックリスナーを同盟国に追加することで、簡単に始めることができます。クリックすると、ここで見ることができるストライクスロー効果が得られ、それを賞賛します。
そして私たちがそれをする前に、私は実際に私たちの背景を少し変えようとしています。
私はその背景を取り除くつもりです。
そして、代わりに境界線を追加します。
したがって、境界線は2ピクセルの実線の灰色になりますが、小さな灰色に変わるだけです。
私たちが素晴らしい背景を持っていれば、それはまったくブレンドされます。
OK。
だから私たちは、目の中のテキストが灰色であり、取り消し線の効果を追加するという味方をクリックするとします。
だから私たちのjavascriptファイルに行きましょう。
簡単なコメントを追加することから始めましょう。ここで、Dewesに固有のものをクリックして確認してから、それを作ってみましょう。
だから我々はすべての同盟国を選択する必要があります。
ですから、ドル記号の代わりに味方だけをクリックすれば、クリックするだけです。
ここをクリックすると、コールバック関数を実行する関数があります。ここでは、アライブをクリックして元に戻って、味方を更新してクリックすると、味方だが、それ以外はどこにもない。
すばらしいです。
次は、クリックした個々の同盟国を変更し、色の色や取り消し線やテキストの装飾の効果を変更する作業をします。ドットのCSSAメソッドを使用することを警告するのではなく、SSを参照してくださいcolorプロパティを使用して作業し、カラーグレーとテキスト装飾プロパティをオンにしてそのラインを作成したいとします。
色から始めましょう。
だから、ちょうどそのような色の灰色のように見えます。
それから、私たちが何を選択しているのか、それを何に適用しているのかを決めなければなりません。
そして、これは私たちが嘘を選んで私たちに腹を立てばやりたいことではありません。
今すぐクリックすると、それらはすべて灰色に変わり、クリックすると赤色のような明瞭なものを作成するのが少し難しいことが分かります。
彼らはすべて赤色に変わって、私たちが望んでいるものではなく、クリックしたものだけです。
そして、これが、J Querreyラッパーのキーワードです。
これは、クリックされた特定の嘘を指し、その色のみが灰色になるようにSEUSを変更するだけです。
そして、それをテストします。
今私は個々の同盟国をクリックし、それは灰色に変わります。
もちろん、再びクリックすると黒に戻りません。
私たちはその機能を持っていません。
今度は、ラインスルーエフェクトで取り消し線を取得して、このような別の行を実行してみましょう。
これは私たちとSEUSをして、テキストのコロンやコンマの行ダッシュを介して保存し、ここに見てプレンティス欠けて戻って行く。
クリックすると、そこに取り消し線効果があり、色がグレーに変わります。
しかし、もちろん、いつもより簡単な方法があります。
したがって、2つの別々の行で行うのではなく、キー値のペアでオブジェクトを定義する方法と、このCSSA呼び出しを1つだけ行うことを思い出しているかもしれません。
そこでここにオブジェクトを追加しました。色の灰色のカンマを追加する必要があります。
そして、これは、オブジェクトにDaschの装飾を施し、行間を設定するとややこしいことです。
そして、私はあなたを保存し、リフレッシュして何も起こらないと見る。
実際にはエラーが発生します。なぜならjavascriptではハイフンを含むプロパティ名を持つことができないからです。
したがって、オブジェクトを定義するシンタックスを使用している場合、テキスト宣言のラクセルケースを使用する必要がありますが、これは少し難解です。
そして、私たちが新鮮ならば、CSSAのプロパティとその行を灰色で塗りつぶすようにテキストデコレーションが見つかることがわかりました。
あなたがやりたいかもしれない次のことは、それを黒に戻し、もう一度クリックして線を取り除くことです。
これを行うには、単純なIF文を使用します。
だから、Allyがグレーであるかどうかをチェックし、次にそれを黒に変えてグレーにします。
だから嘘が灰色であるかどうかを確認するには、これを使うことができます。
SSこのようにすれば、味方が灰色であるかどうかを確認するには、このドットC
Sを実際に使用して、別の値を指定せずに色を要求し、現在の色を取得します。
したがって、色の感覚がグレーに等しいことがわかると、if文が出ます。
ただ、コンサートのログは現在グレーで始まりましょう。それはすべて始まります。
ですから、これを少しきれいにしましょう。そうでなければ、それをそのまま残して戻ってきます。
私たちがリフレッシュしてコンソールを開くと、これらのアイコンの1つをクリックすると、灰色ではないのでまだ何も教えてくれません。
しかし、今度は再びクリックするとまだ動作しません。
その理由はやや難解です。
もし私たちがここに帰れば。
これがCSSAの色がif文の外側にあることを見てみましょう。
だから私たちはログを記録するコンソールを実行します。
これにより、SSの色が始まり、ページが更新されます。
私がクリックすると、Rで始まることがわかります。 G. 000。
もう一度クリックすると、色が灰色に設定されます。検査した場合、現在は灰色であると考えられます。
色はグレーですが、もう一度クリックすると実際にはRです。 G. バージョン。
だから我々は色がグレーに等しいかどうかを比較するときにはうまくいかないでしょう。
それをRと比較する必要があります。 G. be 1 2 8 1 2 8 1 2 8。
そして、私たちがこれを試してリフレッシュすると、初めて何もクリックしなかったときに私は再度クリックする必要があります。
現在は現在グレーです。
OK。
だから私たちはそれを使うことができます。
したがって、印刷する代わりに現在はグレーです。
私たちがしたいことは、それを黒くすることです。
だから私たちは色を見てこれを行うだろう、そして我々はただ黒に戻るだろう。
ちょうどそれのように。
そして、テキストの装飾をわずか1秒で処理できます。
そこで、リフレッシュしてクリックするとグレーになります。
そして、もう一度クリックすれば、それはまだ動作しません。
それは、ここで最後に上書きするだけだからです。
私たちは毎回灰色にしています。
だから私たちは他のものに移したかったので、ここでelse文を追加して、それが現在Grayでない場合にのみ実行します。
大丈夫。
だから私たちは良いべきだ。
ここでは、このコメントをちょっと上にきれいにしてリフレッシュするだけです。
それをクリックすると再びグレーになり、再び黒に戻ります。
まだ線は通っていますが、少なくとも色は変化しています。
だから、行を取り除くためには、基本的にこれをコピーするか、オブジェクトをやり直すだけです。
また、色をグレーに設定するのではなく、黒にします。
そして、テキストの装飾ではなく、行間ではnoneに設定します。
そして、今我々が新鮮で本当に速いならば、グレーとラインがどこにあるかをオンとオフでトグルします。
うまくいけば、私たちがこれを進めていく中で、あなたはこのチェックをするのが一種の仕事であることを見ているでしょう。
それは現在グレーですか？
RGV 128 128 128それが黒なら、テキストの装飾を削除します。
そうでなければこれを行う。
私たちが実際にこの論理を実行する必要はない、はるかに簡単な方法があります。
私たちができることは、クラスを作成することですので、私たちはC
Sでクラスを作成し、完了したか完了したかをコールし、色はグレーにします。
これらの引用符は必要ありません。
私たちはjavascriptではないし、テキストの装飾は行を介して保存し、それを行うことになります。
はい、私たちは実際にこのコードのすべてを置き換えることができ、それはすべてを削除し、このドットトグルクラスは1行を完了しました。
だから私たちが同盟者をクリックすると、クラスをクリックしたスライド上のクラスをトグルして、それを灰色にして、それをラインスルー効果とし、それを削除する必要があるかどうかを追跡します自動的に追加されます。
それで、あなたは以前とまったく同じように見えます。
しかし、10行ほどではなく、1行のコードを書くだけで済みました。次のビデオでは、Xが実際にそれを導くためにどのようにできるかについて話します