1
00:00:00,700 --> 00:00:02,670
行，所以我們要拿起我們不放過。

2
00:00:02,790 --> 00:00:08,620
我們要開始添加一些行為，因為當你點擊正確的顏色，當你點擊了錯誤的顏色。

3
00:00:08,640 --> 00:00:10,860
因此，讓我們開始，當你選擇了錯誤的色彩搭配。

4
00:00:11,010 --> 00:00:16,000
我們想要做的是淡出了這一點，所以它的背景顏色匹配在這裡。

5
00:00:16,170 --> 00:00:18,070
所以，這其實很簡單。

6
00:00:18,070 --> 00:00:31,080
這只是寫這點風格，背景等同的問題，然後我們只需要符合我們設定我們的C SS看起來像的顏色。

7
00:00:31,080 --> 00:00:33,980
所以我們粘貼和保存。

8
00:00:34,530 --> 00:00:35,470
讓我們來測試一下。

9
00:00:35,610 --> 00:00:37,050
我們點擊了錯誤的一個。

10
00:00:37,140 --> 00:00:41,670
你可以看到它淡出，如果我點擊了合適的人，我們仍然可以得到我們的警覺。

11
00:00:42,060 --> 00:00:43,710
OK，所以我會刷新。

12
00:00:43,710 --> 00:00:45,490
所以，這就是我們將要開始。

13
00:00:45,600 --> 00:00:52,280
而我們想要雖然發生的另一件事是，我們希望有一個顯示屏幕，可以在這裡看這裡。

14
00:00:52,320 --> 00:00:56,700
將有一個顯示器，所以如果我點擊的顏色之一，它說，再試一次。

15
00:00:57,090 --> 00:01:05,620
如果我得到它的權利喜歡這裡會顯示正確，然後將專注於其他事情一樣改變顏色。

16
00:01:05,820 --> 00:01:07,290
一旦我們得到的第一部分。

17
00:01:07,350 --> 00:01:14,370
因此，讓我們在這一段或實際跨度補充的是它是什麼，有它顯示正確的消息。

18
00:01:14,370 --> 00:01:22,680
所以我們回到我們的HMO，我們要添加另一個div中，我們實際上有三個或四個不同的部分，最終將去這裡。

19
00:01:22,680 --> 00:01:26,890
現在它只是將是一個小跨度的DIV中去。

20
00:01:27,450 --> 00:01:29,220
因此，正如我提到它會更多。

21
00:01:29,220 --> 00:01:36,480
現在它只是它的將是空的，開始我刷新你可以看到這裡沒有消息，網頁的跨度。

22
00:01:36,480 --> 00:01:41,700
因此，我們要在這裡去，我有一個空的跨度，讓我們給它一個內徑我們會叫它消息。

23
00:01:41,910 --> 00:01:45,410
而這樣，我們可以從不是我們的JavaScript選擇它。

24
00:01:45,420 --> 00:01:49,000
所以，讓我們去我們的JavaScript現在選擇。

25
00:01:49,140 --> 00:02:02,870
所以，在這裡我們把它叫做農場消息顯示等於文件，我們會做一個查詢選擇查詢選擇，而且我們稱之為消息。

26
00:02:03,090 --> 00:02:04,410
我們需要的ID。

27
00:02:05,010 --> 00:02:06,400
因此，我們需要電弧雷神。

28
00:02:06,960 --> 00:02:09,110
然後，如果用戶猜錯。

29
00:02:09,210 --> 00:02:20,260
所有我們需要做的就是寫消息顯示點的文本內容等於再試一次。

30
00:02:21,180 --> 00:02:25,560
如果我們刷新，你點擊了錯誤的它真的很難看到的。

31
00:02:25,920 --> 00:02:28,470
因此，我們應該改變背景顏色或文本顏色。

32
00:02:28,580 --> 00:02:30,120
我們只要做到這一點在這裡。

33
00:02:30,420 --> 00:02:37,320
我們只說所有的跨度的應該有白色，如果我們是新鮮的。

34
00:02:37,320 --> 00:02:39,620
現在，我點擊了錯誤的。

35
00:02:39,690 --> 00:02:41,330
它告訴我再試一次。

36
00:02:41,910 --> 00:02:42,250
好。

37
00:02:42,270 --> 00:02:44,620
而我們不斷獲得的，直到我得到正確的。

38
00:02:44,760 --> 00:02:46,180
我們仍然得到這個警報。

39
00:02:46,410 --> 00:02:54,680
所以，如果我們得到正確的東西，我們會想要做的是改變我們在信息顯示屏顯示。

40
00:02:54,780 --> 00:02:57,060
我們要改變它是正確的。

41
00:02:57,300 --> 00:03:05,700
這樣的消息顯示文本內容等於正確。

42
00:03:06,630 --> 00:03:07,980
就這樣。

43
00:03:08,080 --> 00:03:11,000
而現在，如果我們試試這個我們弄錯了，只是再試一次。

44
00:03:11,190 --> 00:03:13,730
我們得到它的權利，它告訴我們正確的。

45
00:03:14,100 --> 00:03:14,340
好。

46
00:03:14,340 --> 00:03:21,280
因此，我們有一個基本的邏輯在那裡，現在我們正在檢查，如果我們是對還是錯，我們正在顯示的東西。

47
00:03:21,420 --> 00:03:28,940
我們可以做的下一件事就是添加的地方，當你回答所有的方塊改變顏色，這個問題的答案匹配右側的功能。

48
00:03:28,950 --> 00:03:32,180
所以在這裡你點擊正確答案，所有的變化程度。

49
00:03:32,340 --> 00:03:35,370
然後我們也可以做到這一點H1的背景為好。

50
00:03:35,370 --> 00:03:38,360
所以，第一件事情，我們需要這樣做，使這項工作。

51
00:03:38,580 --> 00:03:43,900
實際上，我會寫一個單獨的函數來為我做只是為了讓我的代碼更有條理一點點。

52
00:03:44,040 --> 00:04:01,430
改變顏色，它會帶一個參數一個顏色的字符串，然後在這裡裡面，我們需要遍歷所有的廣場改變每種顏色以匹配給定的顏色。

53
00:04:02,550 --> 00:04:15,770
因此，要通過所有的方塊循環中，我們已經做到了這只是一個四VAR我不管等於零小於色點長度或色彩，長度加再加。

54
00:04:15,970 --> 00:04:21,880
然後裡面就是我們需要改變每個顏色，我們做到了這一點之前已經。

55
00:04:22,080 --> 00:04:23,530
這只是一個顏色。

56
00:04:23,740 --> 00:04:35,260
我得到了風格硬朗的背景顏色等於這就是我們提供的技術上我們的代碼會改變每一個方形相匹配的顏色。

57
00:04:35,370 --> 00:04:38,670
所以包括這一個是正確的顏色。

58
00:04:38,700 --> 00:04:42,640
它只是簡單地覆蓋它和它更改為相同的顏色，它已經是了。

59
00:04:42,660 --> 00:04:59,660
我們可以添加一些代碼來解決這個問題，但我們剛開始用這個，然後我們需要調用這個函數改變顏色，我們需要在正確的顏色，這是我們創建了這裡的變量，它的顏色風格的背景來傳遞被點擊。

60
00:04:59,790 --> 00:05:00,700
我們正在這樣做。

61
00:05:00,750 --> 00:05:02,080
如果他們正確地猜到了。

62
00:05:02,130 --> 00:05:05,600
因此，如果我們保存並刷新看看我們是否有任何錯誤。

63
00:05:05,700 --> 00:05:06,330
不。

64
00:05:06,630 --> 00:05:07,770
而現在它的快速。

65
00:05:07,770 --> 00:05:08,370
錯誤。

66
00:05:08,400 --> 00:05:09,030
錯誤。

67
00:05:10,050 --> 00:05:22,670
正確的，我們有一個問題，當你點擊正確的告訴我們不能設置的未定義的屬性背景下，如果我們看一下它的談論我的色彩風格的背景。

68
00:05:22,770 --> 00:05:28,790
當然，我們這裡有一個問題，因為我這樣做是為了我們的顏色數組，這不應該是我們的顏色。

69
00:05:29,120 --> 00:05:30,570
這是我們的顏色數組。

70
00:05:30,600 --> 00:05:35,070
它應該是正方形陣列中，我們正在試圖改變廣場上。

71
00:05:35,060 --> 00:05:39,860
我是做什麼的顏色陣列只是字符串。

72
00:05:39,960 --> 00:05:48,120
因此，廣場長出來，現在它應該是好去，他們都更改為被選中一樣的顏色。

73
00:05:48,120 --> 00:05:48,790
好吧。

74
00:05:48,900 --> 00:05:55,940
所以，接下來，讓我們專注於獲得陣列中的隨機顏色，然後選擇從該陣列隨機顏色。

75
00:05:55,940 --> 00:06:05,910
所以我要開始這是撿隨機顏色，而不是僅僅將自動使它的顏色三到幫助我們從這個數組隨機挑選一個元素的第二件事。

76
00:06:05,910 --> 00:06:07,830
實際上，我要做一個功能。

77
00:06:07,830 --> 00:06:17,910
而我這樣做的原因是一家以清理我們的代碼，而是我們真的要因為每次我們開始新遊戲時，我們必須選擇一個新的顏色以後使用該功能。

78
00:06:17,940 --> 00:06:22,040
所以這是我們將要調用幾次，使這項工作什麼的。

79
00:06:22,050 --> 00:06:25,200
我會通過調用不存在，只是還沒有功能啟動。

80
00:06:25,200 --> 00:06:29,460
所以我要說挑的顏色等於讓我們的名字。

81
00:06:29,460 --> 00:06:34,760
挑選顏色，然後我們需要定義挑顏色。

82
00:06:34,980 --> 00:06:38,420
所以，我來這裡只是做了底部，現在的功能選擇。

83
00:06:38,430 --> 00:06:43,070
在這個函數的顏色，我們需要做兩件事情。

84
00:06:43,080 --> 00:06:45,330
一種是選擇一個隨機數。

85
00:06:45,810 --> 00:06:50,650
因此，像0或1或2一路此數組的最後一個索引。

86
00:06:51,180 --> 00:06:57,220
然後，我們需要用這個數字來訪問顏色出這個數組中，並返回該顏色。

87
00:06:57,300 --> 00:06:59,070
因此，我們將通過拾取隨機數開始。

88
00:06:59,220 --> 00:07:09,420
而我們挑選的JavaScript隨機數的方法是使用隨機數學和數學進行抽樣會選擇在0和1之間的數字，它不包含一個。

89
00:07:09,420 --> 00:07:16,620
因此，讓我告訴你，數學並不是隨機的，這是一個很長很長的小數。

90
00:07:16,620 --> 00:07:28,850
因此，如果我們想0和6之間產生了一些例如模仿Dayrell我們隨機做數學題，然後乘以。

91
00:07:29,000 --> 00:07:37,320
在如果我們這樣做只是角錢6我們的例子中，我們實際上會不會把以上五點一九九九一個數字。

92
00:07:37,640 --> 00:07:48,350
因此，如果我們希望這個數字從一個起來去告訴六點鐘我們可以六乘它，然後添加一個結尾。

93
00:07:48,380 --> 00:07:53,570
現在，我們可以得到高達六點99，並得到一個整數。

94
00:07:53,580 --> 00:08:09,630
那麼我們就需要砍掉小數，所以我們可以用數學頂樓這是另一種方法，這將只是採取一切從數學出隨機乘以6加1返回，然後小數點後刪除所有內容。

95
00:08:09,770 --> 00:08:13,790
這給予我們1和6之間的隨機數。

96
00:08:13,920 --> 00:08:18,460
正如你所看到的，但我們並不希望只是1和6之間。

97
00:08:18,540 --> 00:08:22,090
這個數組最終可能只有三個項目。

98
00:08:22,620 --> 00:08:25,800
正如你所看到的，當我去到簡易模式裡只有三種顏色。

99
00:08:25,920 --> 00:08:27,600
因此，它可能有三個，可能有6個。

100
00:08:27,690 --> 00:08:42,690
因此，我們將只使用數組的長度來產生我們的顏色，所以它看起來是這樣的數學思想隨機我們將通過數組的長度，生成0和1，然後乘以之間的數字，這就是OK，因為記住，這不是包容性。

101
00:08:42,750 --> 00:08:47,330
因此，即使在陣列的長度比指數最高一個。

102
00:08:47,390 --> 00:08:48,970
這樣的長度為六。

103
00:08:49,080 --> 00:08:51,040
但是，我們希望的最高數量是五個。

104
00:08:51,410 --> 00:08:54,500
由於隨機數去只有0和1之間。

105
00:08:54,500 --> 00:08:57,140
不過，這並不包括一個我們在良好的狀態。

106
00:08:57,330 --> 00:09:11,530
所以，我們要生成，然後我們要做的數學這將砍掉餘下的小數點，然後一旦我們認為做到這一點給了我們一個隨機數整件事情場上。

107
00:09:11,610 --> 00:09:20,990
我們需要做的下一件事就是這個保存到一個變量，然後使用該變量的指數從數組訪問的元素。

108
00:09:21,000 --> 00:09:26,720
然後我們會說回報顏色隨機。

109
00:09:26,730 --> 00:09:33,230
因此，這拾取像三個隨機數，然後將其返回三種顏色。

110
00:09:33,240 --> 00:09:33,630
好吧。

111
00:09:33,620 --> 00:09:35,420
因此，讓我們測試了這一點。

112
00:09:35,460 --> 00:09:36,490
我們挑選顏色。

113
00:09:36,620 --> 00:09:39,150
我們呼籲挑膚色在最頂端位置。

114
00:09:39,480 --> 00:09:45,690
所以，如果我刷新我們應該期待這個改變，它並改變，因為我刷新。

115
00:09:45,720 --> 00:09:54,170
你可以看到，有時你會得到同樣的一個，因為有只有六個，他們從來沒有改變，但幾乎每一次變化。

116
00:09:54,170 --> 00:09:57,900
現在，讓我們檢查，如果我們的快速邏輯的工作方式相同。

117
00:09:57,890 --> 00:10:03,060
所以，如果我點擊這個人是零紅零綠，全藍。

118
00:10:03,060 --> 00:10:05,430
所以，讓我們嘗試一下紅色青色。

119
00:10:05,420 --> 00:10:06,120
好。