1
00:00:00,700 --> 00:00:02,670
それでは、中止したところで取り上げるつもりです。

2
00:00:02,790 --> 00:00:06,990
適切な色をクリックしたときと間違った色をクリックしたときの動作のいくつかを追加し始めます。

3
00:00:06,990 --> 00:00:08,620
 

4
00:00:08,640 --> 00:00:10,860
だから間違った色を選んだときから始めましょう。

5
00:00:11,010 --> 00:00:16,000
私たちがやりたいことは、ここで背景色と一致するようにこれを消すことです。

6
00:00:16,170 --> 00:00:18,070
それは実際にはかなり簡単です。

7
00:00:18,070 --> 00:00:26,520
バックグラウンドが等しく、そして私たちがC

8
00:00:26,520 --> 00:00:31,080
Ssで設定した色をそのように一致させるだけでよいというこのドットスタイルを書くことの問題です。

9
00:00:31,080 --> 00:00:33,980
だから、それをペーストして保存します。

10
00:00:34,530 --> 00:00:35,470
それを試してみましょう。

11
00:00:35,610 --> 00:00:37,050
間違ったものをクリックしてみましょう。

12
00:00:37,140 --> 00:00:41,670
あなたは消えていくのがわかります。私が右のものをクリックすると、私たちはまだ警告を受け取ります。

13
00:00:42,060 --> 00:00:43,710
はい、私はリフレッシュします。

14
00:00:43,710 --> 00:00:45,490
それでは、これから始めるつもりです。

15
00:00:45,600 --> 00:00:52,230
もう一つは、私たちが起こって欲しいのは、ディスプレイがほしいから、ここでここで見ることができます。

16
00:00:52,320 --> 00:00:56,700
ディスプレイが表示されるので、色をクリックするともう一度やり直してください。

17
00:00:57,090 --> 00:01:04,740
そして、もし私がここのように正しいとすれば、それは正しく表示され、次に色を変えるような他のものに焦点を合わせます。

18
00:01:04,740 --> 00:01:05,620
 

19
00:01:05,820 --> 00:01:07,290
一度その最初の部分を取得します。

20
00:01:07,350 --> 00:01:13,290
だから、この段落を追加してみましょう。実際にはスパンが正しいものを表示してください。

21
00:01:14,370 --> 00:01:20,520
だから私たちはHMOに戻り、別のdivを追加します。実際にはここには3,4つの異なる部分があります。

22
00:01:20,520 --> 00:01:22,680
 

23
00:01:22,680 --> 00:01:26,890
今のところ、それはちょうどその部門の中に入る少しのスパンになるだろう。

24
00:01:27,450 --> 00:01:29,220
私が言いましたように、それはより多くなります。

25
00:01:29,220 --> 00:01:34,340
今のところ、ページをリフレッシュするときに開始するには空になるだけです。ここにはメッセージが表示されません。

26
00:01:34,350 --> 00:01:36,480
 

27
00:01:36,480 --> 00:01:41,520
だから私たちはここに行くつもりです私は空のスパンを持って、私にそれを与えましょう D. それをメッセージと呼ぶだけです。

28
00:01:41,910 --> 00:01:45,410
そのようにして、私たちはJavascriptの代わりにそれを選択することができます。

29
00:01:45,420 --> 00:01:49,000
さあ、ここでjavascriptに行き、それを選択しましょう。

30
00:01:49,140 --> 00:01:59,670
ここでは、ファームメッセージの表示をドキュメントと同じにして、クエリセレクタクエリセレクタを実行し、そのメッセージを呼び出します。

31
00:02:00,080 --> 00:02:02,870
 

32
00:02:03,090 --> 00:02:04,410
IDが必要です。

33
00:02:05,010 --> 00:02:06,400
だから我々はThorに弧を必要とする。

34
00:02:06,960 --> 00:02:09,110
そして、ユーザーが間違っていると推測した場合。

35
00:02:09,210 --> 00:02:20,260
私たちがする必要があるのは、メッセージの表示ドットテキストの内容を書き戻すことです。

36
00:02:21,180 --> 00:02:25,560
私たちがリフレッシュして間違ったものをクリックすると、本当に見るのが難しいです。

37
00:02:25,920 --> 00:02:28,470
だから私たちは、背景色やテキストの色を変更する必要があります。

38
00:02:28,580 --> 00:02:30,120
私たちはここでそれを行うことができます。

39
00:02:30,420 --> 00:02:37,320
私たちは、すべてのスパンの色が白でなければならないと言っています。

40
00:02:37,320 --> 00:02:39,620
今私は間違ったものをクリックした。

41
00:02:39,690 --> 00:02:41,330
もう一度試してみる

42
00:02:41,910 --> 00:02:42,250
OK。

43
00:02:42,270 --> 00:02:44,620
そして私たちは正しいものを得るまでそれを続けています。

44
00:02:44,760 --> 00:02:46,180
そして、我々はまだこの警告を得る。

45
00:02:46,410 --> 00:02:54,360
ですから、私たちが正しいものを手に入れたいのであれば、そのメッセージディスプレイに表示されているものを変更することです。

46
00:02:54,780 --> 00:02:57,060
正しいものに変更したい。

47
00:02:57,300 --> 00:03:00,840
テキスト内容が正しいことを示すメッセージが表示されます。

48
00:03:03,540 --> 00:03:05,700
 

49
00:03:06,630 --> 00:03:07,980
ちょうどそれのように。

50
00:03:08,080 --> 00:03:11,000
そして今我々がこれを試してみたら、それは間違っていて、もう一度やり直してみてください

51
00:03:11,190 --> 00:03:13,730
私たちは正しいことを得て、正しいことを伝えます。

52
00:03:14,100 --> 00:03:14,340
OK。

53
00:03:14,340 --> 00:03:20,730
だから私たちはここに、私たちが正しいか悪いかをチェックしている何かを表示している基本的な論理を持っています。

54
00:03:20,730 --> 00:03:21,280
 

55
00:03:21,420 --> 00:03:27,030
次のことは、正解を取得するとすべての四角がその答えに一致するように色を変えるという機能を追加することです。

56
00:03:27,030 --> 00:03:28,940
 

57
00:03:28,950 --> 00:03:32,180
だからここで彼らはすべての程度を変更する右の答えをクリックします。

58
00:03:32,340 --> 00:03:35,370
そして、このH1の背景もやってみることができます。

59
00:03:35,370 --> 00:03:38,360
それで、この仕事をするためには最初にやる必要があります。

60
00:03:38,580 --> 00:03:42,750
私は実際にコードを少し整理しておくために、私のために別の関数を書くつもりです。

61
00:03:42,750 --> 00:03:43,900
 

62
00:03:44,040 --> 00:03:52,290
 

63
00:03:52,290 --> 00:04:01,430
色を変更すると、色の文字列が1つの引数をとり、ここではすべての四角形をループして各色を指定の色に合わせる必要があります。

64
00:04:02,550 --> 00:04:09,700
Iがゼロに等しいという4つの問題は、カラードットの長さまたはカラーの長さプラスプラスの長さよりも短くなります。

65
00:04:09,750 --> 00:04:15,770
したがって、すべての四角形をループするためには、VAR

66
00:04:15,970 --> 00:04:21,880
そして、内部は、各色を変更する必要がある場所です。既に色を変更しています。

67
00:04:22,080 --> 00:04:23,530
それは単なる色です。

68
00:04:23,740 --> 00:04:32,820
私は、私たちが技術的に提供したスタイルである厳しい背景色と同じ色を持っています。私たちのコードは、色と一致するようにすべての単一の正方形を変更します。

69
00:04:32,910 --> 00:04:35,260
 

70
00:04:35,370 --> 00:04:38,670
したがって、これは正しい色です。

71
00:04:38,700 --> 00:04:42,640
それを上書きして、すでにそれと同じ色に変更します。

72
00:04:42,660 --> 00:04:47,340
 

73
00:04:47,520 --> 00:04:56,550
これを修正するコードをいくつか追加することができますが、これから始めることにしましょう。次に、この関数を色の変更と呼ぶ必要があります。ここで作成した変数である正しい色を渡す必要があります。クリックされました。

74
00:04:56,550 --> 00:04:59,660
 

75
00:04:59,790 --> 00:05:00,700
そして、我々はこれをやっている。

76
00:05:00,750 --> 00:05:02,080
彼らが正しく推測した場合。

77
00:05:02,130 --> 00:05:05,600
したがって、保存して更新するとエラーが発生したかどうかを確認してください。

78
00:05:05,700 --> 00:05:06,330
いいえ。

79
00:05:06,630 --> 00:05:07,770
そして、今すぐです。

80
00:05:07,770 --> 00:05:08,370
違う。

81
00:05:08,400 --> 00:05:09,030
違う。

82
00:05:10,050 --> 00:05:16,250
正しいと私たちはあなたが正しいときに私たちは私が背景をスタイルする色について何を話しているかを見れば、未定義のプロパティの背景を設定することはできません。

83
00:05:16,590 --> 00:05:22,670
 

84
00:05:22,770 --> 00:05:27,780
もちろん私たちの色の配列にこれをやっているので、ここでは問題があります。これは色ではありません。

85
00:05:27,780 --> 00:05:28,790
 

86
00:05:29,120 --> 00:05:30,570
これは私たちのカラー配列です。

87
00:05:30,600 --> 00:05:35,070
それは、我々が変更しようとしている四角形である四角形の配列上にあるはずです。

88
00:05:35,060 --> 00:05:39,860
私がやっていたことは、文字列だけの文字列でした。

89
00:05:39,960 --> 00:05:45,810
だから、四角形の長さは、今それは良いと彼らはすべてのように選んだ色に変更する必要があります。

90
00:05:46,650 --> 00:05:48,120
 

91
00:05:48,120 --> 00:05:48,790
大丈夫。

92
00:05:48,900 --> 00:05:54,990
次に、配列内のランダムな色を取得し、その配列からランダムな色を選択することに焦点を当てましょう。

93
00:05:54,990 --> 00:05:55,940
 

94
00:05:55,940 --> 00:06:00,830
 

95
00:06:00,840 --> 00:06:05,910
だから私は、この配列からランダムな要素を選ぶのを助けるために、自動的に色を3つにするのではなく、ランダムな色を選ぶという2番目のことから始めます。

96
00:06:05,910 --> 00:06:07,830
私は実際に機能を作ろうとしています。

97
00:06:07,830 --> 00:06:12,630
 

98
00:06:12,720 --> 00:06:17,910
私がしている理由は、コードを整理することですが、新しいゲームを開始するたびに新しい色を選ぶ必要があるため、実際にはその関数を後で使用することになります。

99
00:06:17,940 --> 00:06:22,040
だから、それを実現するために何度か電話しなければならないものです。

100
00:06:22,050 --> 00:06:25,200
私はまだ存在しない関数を呼び出すことから始めます。

101
00:06:25,200 --> 00:06:29,460
だから、私はピックの色が等しいと言って、名前をつけましょう。

102
00:06:29,460 --> 00:06:34,760
色を選択し、次に選択色を定義する必要があります。

103
00:06:34,980 --> 00:06:38,420
だから私はここに来るだけで、機能の選択のための底にそれを行う。

104
00:06:38,430 --> 00:06:43,070
この関数では、2つのことを行う必要があります。

105
00:06:43,080 --> 00:06:45,330
1つは乱数を選ぶ。

106
00:06:45,810 --> 00:06:50,650
したがって、0または1または2のように、この配列の最後のインデックスまでです。

107
00:06:51,180 --> 00:06:57,220
そして、この配列の色にアクセスし、その色を返すために、その番号を使用する必要があります。

108
00:06:57,300 --> 00:06:59,070
だから私たちは乱数を選ぶことから始めます。

109
00:06:59,220 --> 00:07:05,160
そして、私たちがjavascriptで乱数を選ぶ方法は、数学をランダムに使っています。数学では、0と1の間の数字を選びます。

110
00:07:05,190 --> 00:07:09,420
 

111
00:07:09,420 --> 00:07:11,420
 

112
00:07:14,340 --> 00:07:16,620
だから私はランダムではなく、それは長い長い小数であることをあなたに教えさせてください。

113
00:07:16,620 --> 00:07:24,860
たとえばDayrellを模倣するために0と6の間の数値を生成する場合は、ランダムに数学を行い、それを乗算します。

114
00:07:24,860 --> 00:07:28,850
 

115
00:07:29,000 --> 00:07:36,560
私たちの場合、もし我々がちょうど6円をしたら、私たちは実際には5つのポイントを越える数字を得ることはないでしょう。

116
00:07:36,670 --> 00:07:37,320
 

117
00:07:37,640 --> 00:07:44,790
その数字を1つ上にして6にすると、それを6で掛けて、最後に1を加えることができます。

118
00:07:44,940 --> 00:07:48,350
 

119
00:07:48,380 --> 00:07:53,570
今、私たちは6ポイントの9倍になり、整数を得ることができます。

120
00:07:53,580 --> 00:08:00,660
その小数点を切り捨てて、別の方法である数学の最上階を使うことができるようにする必要があります。数学で返されたものをランダムに乗算して1を加え、小数点以下をすべて削除します。

121
00:08:00,660 --> 00:08:08,250
 

122
00:08:08,250 --> 00:08:09,630
 

123
00:08:09,770 --> 00:08:13,790
そしてそれは私たちに1と6の間の乱数を与えます。

124
00:08:13,920 --> 00:08:18,460
あなたが見ることができるように、私たちは必ずしも1と6の間にちょうど必要としません。

125
00:08:18,540 --> 00:08:22,090
この配列は最終的には3つの項目しか持たないかもしれません。

126
00:08:22,620 --> 00:08:25,800
私がイージーモードに行くときあなたが見ることができるように、ただ3つの色があります。

127
00:08:25,920 --> 00:08:27,600
したがって、3つの可能性があり、6つの可能性があります。

128
00:08:27,690 --> 00:08:33,110
だから、我々は色を生成するために配列の長さを使うつもりだから、数学的には0から1までの数を生成し、次にそれを配列の長さで掛けることになります。それは包括的ではないことを覚えています。

129
00:08:33,120 --> 00:08:38,460
 

130
00:08:38,460 --> 00:08:42,690
 

131
00:08:42,750 --> 00:08:47,330
したがって、配列の長さは最高のインデックスよりも1つ多くなります。

132
00:08:47,390 --> 00:08:48,970
したがって、長さは6です。

133
00:08:49,080 --> 00:08:51,040
しかし、私たちが望む最高数は5です。

134
00:08:51,410 --> 00:08:54,500
乱数は0と1の間にしかないからです。

135
00:08:54,500 --> 00:08:57,140
しかし、それは我々が良い形になっているものを含んでいません。

136
00:08:57,330 --> 00:09:03,900
 

137
00:09:03,890 --> 00:09:11,070
だから我々はそれを生成するつもりだし、残りの小数点を切り捨てるその全体の床を数学的にやってみると、私たちはそれをしたら私たちに乱数を与えます。

138
00:09:11,610 --> 00:09:18,810
次にこれを変数に保存し、その変数を使用してそのインデックスの配列から要素にアクセスする必要があります。

139
00:09:18,810 --> 00:09:20,990
 

140
00:09:21,000 --> 00:09:26,720
それでは、返品色をランダムに言うつもりです。

141
00:09:26,730 --> 00:09:33,230
これは3のような乱数を選び、それから3の色を返します。

142
00:09:33,240 --> 00:09:33,630
大丈夫。

143
00:09:33,620 --> 00:09:35,420
だからこれを試してみましょう。

144
00:09:35,460 --> 00:09:36,490
我々は色を選ぶ。

145
00:09:36,620 --> 00:09:39,150
ここで一番上にピックカラーを呼んでいます。

146
00:09:39,480 --> 00:09:45,690
私がリフレッシュすると、これが変わると予想し、リフレッシュすると変化します。

147
00:09:45,720 --> 00:09:51,870
6つしかないので、同じものが得られることもありますが、決して変化することはありませんが、ほぼ毎回変わります。

148
00:09:52,320 --> 00:09:54,170
 

149
00:09:54,170 --> 00:09:57,900
では、クイックロジックが同じように機能するかどうかを確認しましょう。

150
00:09:57,890 --> 00:10:03,060
だから私がこれをクリックするとゼロが緑色になり、青色になります。

151
00:10:03,060 --> 00:10:05,430
赤いシアンをクリックしてみましょう。

152
00:10:05,420 --> 00:10:06,120
良い。

153
00:10:06,210 --> 00:10:08,130
青をクリックすると正しい