それでは、中止したところで取り上げるつもりです。
適切な色をクリックしたときと間違った色をクリックしたときの動作のいくつかを追加し始めます。
だから間違った色を選んだときから始めましょう。
私たちがやりたいことは、ここで背景色と一致するようにこれを消すことです。
それは実際にはかなり簡単です。
バックグラウンドが等しく、そして私たちがC
Ssで設定した色をそのように一致させるだけでよいというこのドットスタイルを書くことの問題です。
だから、それをペーストして保存します。
それを試してみましょう。
間違ったものをクリックしてみましょう。
あなたは消えていくのがわかります。私が右のものをクリックすると、私たちはまだ警告を受け取ります。
はい、私はリフレッシュします。
それでは、これから始めるつもりです。
もう一つは、私たちが起こって欲しいのは、ディスプレイがほしいから、ここでここで見ることができます。
ディスプレイが表示されるので、色をクリックするともう一度やり直してください。
そして、もし私がここのように正しいとすれば、それは正しく表示され、次に色を変えるような他のものに焦点を合わせます。
一度その最初の部分を取得します。
だから、この段落を追加してみましょう。実際にはスパンが正しいものを表示してください。
だから私たちはHMOに戻り、別のdivを追加します。実際にはここには3,4つの異なる部分があります。
今のところ、それはちょうどその部門の中に入る少しのスパンになるだろう。
私が言いましたように、それはより多くなります。
今のところ、ページをリフレッシュするときに開始するには空になるだけです。ここにはメッセージが表示されません。
だから私たちはここに行くつもりです私は空のスパンを持って、私にそれを与えましょう D. それをメッセージと呼ぶだけです。
そのようにして、私たちはJavascriptの代わりにそれを選択することができます。
さあ、ここでjavascriptに行き、それを選択しましょう。
ここでは、ファームメッセージの表示をドキュメントと同じにして、クエリセレクタクエリセレクタを実行し、そのメッセージを呼び出します。
IDが必要です。
だから我々はThorに弧を必要とする。
そして、ユーザーが間違っていると推測した場合。
私たちがする必要があるのは、メッセージの表示ドットテキストの内容を書き戻すことです。
私たちがリフレッシュして間違ったものをクリックすると、本当に見るのが難しいです。
だから私たちは、背景色やテキストの色を変更する必要があります。
私たちはここでそれを行うことができます。
私たちは、すべてのスパンの色が白でなければならないと言っています。
今私は間違ったものをクリックした。
もう一度試してみる
OK。
そして私たちは正しいものを得るまでそれを続けています。
そして、我々はまだこの警告を得る。
ですから、私たちが正しいものを手に入れたいのであれば、そのメッセージディスプレイに表示されているものを変更することです。
正しいものに変更したい。
テキスト内容が正しいことを示すメッセージが表示されます。
ちょうどそれのように。
そして今我々がこれを試してみたら、それは間違っていて、もう一度やり直してみてください
私たちは正しいことを得て、正しいことを伝えます。
OK。
だから私たちはここに、私たちが正しいか悪いかをチェックしている何かを表示している基本的な論理を持っています。
次のことは、正解を取得するとすべての四角がその答えに一致するように色を変えるという機能を追加することです。
だからここで彼らはすべての程度を変更する右の答えをクリックします。
そして、このH1の背景もやってみることができます。
それで、この仕事をするためには最初にやる必要があります。
私は実際にコードを少し整理しておくために、私のために別の関数を書くつもりです。
色を変更すると、色の文字列が1つの引数をとり、ここではすべての四角形をループして各色を指定の色に合わせる必要があります。
Iがゼロに等しいという4つの問題は、カラードットの長さまたはカラーの長さプラスプラスの長さよりも短くなります。
したがって、すべての四角形をループするためには、VAR
そして、内部は、各色を変更する必要がある場所です。既に色を変更しています。
それは単なる色です。
私は、私たちが技術的に提供したスタイルである厳しい背景色と同じ色を持っています。私たちのコードは、色と一致するようにすべての単一の正方形を変更します。
したがって、これは正しい色です。
それを上書きして、すでにそれと同じ色に変更します。
これを修正するコードをいくつか追加することができますが、これから始めることにしましょう。次に、この関数を色の変更と呼ぶ必要があります。ここで作成した変数である正しい色を渡す必要があります。クリックされました。
そして、我々はこれをやっている。
彼らが正しく推測した場合。
したがって、保存して更新するとエラーが発生したかどうかを確認してください。
いいえ。
そして、今すぐです。
違う。
正しいと私たちはあなたが正しいときに私たちは私が背景をスタイルする色について何を話しているかを見れば、未定義のプロパティの背景を設定することはできません。
もちろん私たちの色の配列にこれをやっているので、ここでは問題があります。これは色ではありません。
これは私たちのカラー配列です。
それは、我々が変更しようとしている四角形である四角形の配列上にあるはずです。
私がやっていたことは、文字列だけの文字列でした。
だから、四角形の長さは、今それは良いと彼らはすべてのように選んだ色に変更する必要があります。
大丈夫。
次に、配列内のランダムな色を取得し、その配列からランダムな色を選択することに焦点を当てましょう。
だから私は、この配列からランダムな要素を選ぶのを助けるために、自動的に色を3つにするのではなく、ランダムな色を選ぶという2番目のことから始めます。
私は実際に機能を作ろうとしています。
私がしている理由は、コードを整理することですが、新しいゲームを開始するたびに新しい色を選ぶ必要があるため、実際にはその関数を後で使用することになります。
だから、それを実現するために何度か電話しなければならないものです。
私はまだ存在しない関数を呼び出すことから始めます。
だから、私はピックの色が等しいと言って、名前をつけましょう。
色を選択し、次に選択色を定義する必要があります。
だから私はここに来るだけで、機能の選択のための底にそれを行う。
この関数では、2つのことを行う必要があります。
1つは乱数を選ぶ。
したがって、0または1または2のように、この配列の最後のインデックスまでです。
そして、この配列の色にアクセスし、その色を返すために、その番号を使用する必要があります。
だから私たちは乱数を選ぶことから始めます。
そして、私たちがjavascriptで乱数を選ぶ方法は、数学をランダムに使っています。数学では、0と1の間の数字を選びます。
だから私はランダムではなく、それは長い長い小数であることをあなたに教えさせてください。
たとえばDayrellを模倣するために0と6の間の数値を生成する場合は、ランダムに数学を行い、それを乗算します。
私たちの場合、もし我々がちょうど6円をしたら、私たちは実際には5つのポイントを越える数字を得ることはないでしょう。
その数字を1つ上にして6にすると、それを6で掛けて、最後に1を加えることができます。
今、私たちは6ポイントの9倍になり、整数を得ることができます。
その小数点を切り捨てて、別の方法である数学の最上階を使うことができるようにする必要があります。数学で返されたものをランダムに乗算して1を加え、小数点以下をすべて削除します。
そしてそれは私たちに1と6の間の乱数を与えます。
あなたが見ることができるように、私たちは必ずしも1と6の間にちょうど必要としません。
この配列は最終的には3つの項目しか持たないかもしれません。
私がイージーモードに行くときあなたが見ることができるように、ただ3つの色があります。
したがって、3つの可能性があり、6つの可能性があります。
だから、我々は色を生成するために配列の長さを使うつもりだから、数学的には0から1までの数を生成し、次にそれを配列の長さで掛けることになります。それは包括的ではないことを覚えています。
したがって、配列の長さは最高のインデックスよりも1つ多くなります。
したがって、長さは6です。
しかし、私たちが望む最高数は5です。
乱数は0と1の間にしかないからです。
しかし、それは我々が良い形になっているものを含んでいません。
だから我々はそれを生成するつもりだし、残りの小数点を切り捨てるその全体の床を数学的にやってみると、私たちはそれをしたら私たちに乱数を与えます。
次にこれを変数に保存し、その変数を使用してそのインデックスの配列から要素にアクセスする必要があります。
それでは、返品色をランダムに言うつもりです。
これは3のような乱数を選び、それから3の色を返します。
大丈夫。
だからこれを試してみましょう。
我々は色を選ぶ。
ここで一番上にピックカラーを呼んでいます。
私がリフレッシュすると、これが変わると予想し、リフレッシュすると変化します。
6つしかないので、同じものが得られることもありますが、決して変化することはありませんが、ほぼ毎回変わります。
では、クイックロジックが同じように機能するかどうかを確認しましょう。
だから私がこれをクリックするとゼロが緑色になり、青色になります。
赤いシアンをクリックしてみましょう。
良い。
青をクリックすると正しい