さて、戻ってきます。
だから私はあなた自身でこのショットのいくつかを与える時が来たと思う。
だから私はすぐに運動をする。
あなたがする必要があることは、新しい年齢を作成するか、新しいjavascriptファイルをファイルし、年齢に単一のボタンをファイルに追加することです。
それでおしまい。
そして、そのボタンをクリックすると、体の背景色を白から紫に変えるだけです。
あなたはどうやってそれをやるの？
私はそれをあなたに任せます。
これまでに説明したさまざまなことを考えれば、いくつかの方法がありますが、ボタンをクリックするといくつかのコードを実行する必要があり、コードは2色の間で背景色を変更する必要があります。白いか、より良い色を選んでください。
完全にあなたまで。
だから今Pasicのビデオ。
あなた自身でそれを与える。
あなたがそれをして準備ができたら戻ってくることが本当に重要です。私たちは一緒に解決策を検討します。
OK。
それで、この仕事をどうやって作るのか話しましょう。
最初に私が必要とする女性のファイルが必要です。HMOを追加する必要があります。
このカラートグルと呼んでみましょう。私たちが必要とするのはボタン1つで、私はちょうどそのような私をクリックして追加します。
今はjavascriptファイルが必要です。ここにスクリプトタグを追加するだけで、javascriptでは簡単に何かを行うことができますが、それは素晴らしい方法ではありません。
ちょうどあなたを正しい習慣に入れて新しいファイルを作成するには、単にトグルと呼ぶだけです。
J. S.
私はいつも好きなのと同じディレクトリと内部にあります。私は彼らがOKに接続されていることを確認するために警告を追加し、そのスクリプトにリンクしてリンクする必要があります。そうですね。
さあ、このファイルをブラウザで開き、私たちが得たものを見てみましょう。
最初にここで指摘しておきます。
物事は結ばれているが、ボタンはまだページ上にないという警告を受けていることに注意してください。
だから私は警告を取り除くまで実際にボタンを見ない。
そしてそれは本当に重要なことです。私たちはそれを修正したいと思います。
これは、ボタンがページ上にある前に、ここのコードが最初に実行されていることを示しています。このコードは、ボタンがページ上にあるという事実に依存しています。
クイックリスナーを追加することはできません。それ以外の場合、イベントリスナーは動作し、実行中のページにあるアイテムにイベントを追加するだけです。
だから我々はこれを修正するいくつかの方法があります。
今のところ最も簡単なのは、スクリプトをボディの最後まで移動させて、このボタンがロードされたことを確認することです。
ジェイクエリーになるとこれを行う別の方法について学習しますが、これは今のところ完全にうまくいきます。
ですから、今リフレッシュするとボタンがすでに表示されます。
そしてそれを接続するという警告が表示されます。
それでは論理について話しましょう。
私たちのトグルJに行きましょう。 S. ボタンを選択します。
だからvarボタンは、ドキュメントクエリのセレクタボタンと同じです、もちろん、それを選択するための単なる方法です。
次に、イベントリスナーをクリックし、イベントリスナーのクリックを追加するボタンを追加し、次にコールバック関数を実行する関数を追加します。
そして、私はいつも正しいことを選択していることと、この機能が実行されていることを確認するためにクリックしたという警告を出して再開したい。
クリックすると更新されます。クリックしてクリックします。
それは素晴らしいです。
私たちがする必要があるのは、身体の背景色を変えることだけです。
だから私はドキュメントダンプの本体をやってみて、それを紫色にしましょう。
したがって、背景が紫色に等しいボディスタイルを文書化し、私はドキュメントドットボディを使用していることがわかります。
また、セレクタをクエリーし、bodyタグ名などのドキュメントをdikedタグ名のボディゼロで取得するドキュメントを作成することもできますが、ドキュメントドットボディを使用するほうがはるかに簡単です。
これはドキュメントに組み込まれた単なるショートカットです。
だから私はそれを紫色に変えて、私たちはここに行くのが良いはずです。
私がクリックすると紫色の体ができますが、もちろんこの問題の一部は前後に切り替えられていました。
だからここをクリックすると白に戻り、もう一度クリックして紫色に戻り、2つの間で切り替わります。
だから、私たちがやる必要があるのは、いくつかの論理を追加することです。そして、もしWhiteがそれに類似したものを作るのであれば、私たちのロジックはこのように見えるでしょう。
だから、私はこれを処理するつもりですが、私はboolean値を作成するつもりです。紫色Savarは紫色です。ページをリフレッシュすると紫色になり、紫色はfalseになるので、falseとして開始します。
そして、私たちがする必要があるのは、私たちが紫色であるかどうかを調べるJavaScriptの内部です。
だから紫色の場合は、このように背景色を白にしたいと思っています。
そして変化は白でなければならないし、それ以外の場合は同じことをやりますが、それ以外は紫色にします。
もちろん、唯一の問題は、今は紫色が常に偽であることです。
私たちはそれを変えたいと思っています。
だから紫色であれば体のスタイルは紫色ですが、背景は白色と同じですが、紫色と言えば、今度は白に変えてから偽と呼ばれ、紫色に変わったと言います紫色は真です。
そして、これはブール値でなければなりません。
だから私たちがここでやったことは、私たちの小さなターゲットトラッカーを作ることです。
このブール値は、紫色の開始はfalseです。
初めてそれは紫色です。
それは起こりません。
そこで、私たちは、背景を紫色に変えてから、紫色に変えて、もう一度行ってください。
次回は、ユーザーがクリックすると紫色になります。
したがって、背景を白に変更して紫色にすると、falseに設定され、前後に切り替えられます。
したがって、リフレッシュチェッカー評議会は、エラーがないことを確認します。
そして、紫色の白と白をクリックしてみましょう。
ですから、私たちが行うことができる小さな要因があります。これは、設定する必要はありません。これは、偽であることが偽であり、if文の中では紫色です。
私たちは書くだけでそれをやるより短い方法を持っています。
パープルは紫色ではないですか？
だからそれは真と偽の間でそれを切り替えるつもりです。そして偽と真はそれを否定します。
それは素敵なショートカットです。
ここでは、それはHeiglだと分かりましたが、少し短くなっていますが、クラスリストについて学んだときに考えていた方がいらっしゃいました。
トグルと呼ばれる方法がありました。
だからCSAをクラスとして定義して、先に進んで私のスタイルの代わりにスタイルタグを作ってDotというクラスを追加してみましょう。
それを紫色または単に紫色と呼んでみましょう。
これはクラス名ですが、背景は紫色で、私たちがやるべきことは、このクラスを体内でオンとオフに切り替えることだけです。
だからここに戻って、私は今コピーして数え上げるだけです。あなたがボタンをクリックすると、これをコメントしたり、これを取り除いたりするだけです。
私たちがやりたいことは、文書化することだけです。
クラスレストグル。
私たちが作ったクラスの名前は紫色でした。
体が紫色のクラスを持っていなければ、それが追加されます。
しかし、すでにクラス名が紫色かどうかをチェックします。
それが削除されます。
だから、紫色か白色かを追跡する必要はありません。
現在、クラスが適用されている場合、またはクラスが適用されていない場合、これは不要です。これは、もう紫色のBoullionです。
それは基本的にクラスレストグルの代わりにすべてがラップアップされています。
だから私はリフレッシュします。
クリックすると、同じように見えます。
しかし、私たちが検査し、私たちは体を見る。
さあ。
通知クラスは紫色に等しい。
それから私はクリックして、もう古典的な紫色はありません。
それは遠ざかります。
それは文書の上にあります。
本当に本当に便利なクラスリストの切り替え。
ここでは、このロジックよりもはるかに短いです。
さて、それは私の解決です。