1
00:00:00,650 --> 00:00:02,670
OK，我們會回來的這部影片。

2
00:00:02,670 --> 00:00:05,040
我們將在一些新功能的工作。

3
00:00:05,040 --> 00:00:08,190
第一個是，當我贏得比賽。

4
00:00:08,460 --> 00:00:09,410
它告訴我正確的。

5
00:00:09,630 --> 00:00:15,440
然後，我可以再次點擊播放，以獲得新的顏色，如果我還沒有取勝。

6
00:00:15,530 --> 00:00:19,460
但我也希望有新的顏色，因為某種原因，我不喜歡，我有顏色。

7
00:00:19,680 --> 00:00:21,750
我也可以點擊新的顏色按鈕。

8
00:00:21,930 --> 00:00:32,770
因此，基本上，我們需要一個按鈕，復位遊戲挑選新的顏色選擇一個新的隨機顏色出現了六只隨機挑選顏色，我們會回來到最後容易和困難模式。

9
00:00:32,940 --> 00:00:35,870
所以這個按鈕，它做同樣的事情。

10
00:00:36,040 --> 00:00:44,150
文本更改但如果我們贏得了比賽，並問我們是否想再次發揮，所以我們可以再次點擊播放，這將重置。

11
00:00:44,220 --> 00:00:48,540
但我也可以點擊新的顏色，並且也將重置。

12
00:00:48,570 --> 00:00:49,840
所以，這就是我們要重點關注。

13
00:00:50,010 --> 00:01:00,290
並開始我會繼續前進，我們要添加按鈕，並添加條紋跨越，使條紋將包含該按鈕一種新的顏色或再次打去。

14
00:01:00,870 --> 00:01:02,890
它包含了我們已有的消息。

15
00:01:03,060 --> 00:01:04,970
然後兩個按鈕，我們將在後面做。

16
00:01:05,250 --> 00:01:14,240
因此，如果我們去的第一件事情，我們需要做的，我們已經有了一個div我只是去給它條紋ID，然後我們就可以使用它。

17
00:01:14,550 --> 00:01:19,560
然後，我們已經有我們內部的跨度會顯示類似正確或再試一次。

18
00:01:19,590 --> 00:01:29,820
而這裡面我們就添加我們的按鈕，這個按鈕會說新的顏色，我們可以節省我們刷新啟動。

19
00:01:30,160 --> 00:01:33,140
OK，看起來約一樣糟糕，你會期望。

20
00:01:33,330 --> 00:01:40,210
讓我們繼續前進，並添加白色的背景色和中心一切都在這個div因此，我們的DIV稱為條紋。

21
00:01:40,590 --> 00:01:45,220
讓我們去我們的C SS，我們要選擇Strype這是一個ID。

22
00:01:45,360 --> 00:01:48,970
因此，我們需要使用條紋與事後的想法。

23
00:01:49,260 --> 00:01:54,580
而我們要設置背景顏色背景為白色。

24
00:01:54,660 --> 00:02:09,030
我要設置高度為30像素，這樣我們有一個很好的和高大的div都比較高大的div和我要設置文本對齊為中心。

25
00:02:09,300 --> 00:02:13,330
現在，如果我刷新你得到一個白色的div橫跨去所有的方式。

26
00:02:13,350 --> 00:02:15,220
這是一個有點高比它。

27
00:02:15,240 --> 00:02:17,230
我們只是在以任何東西在這裡的一個按鈕。

28
00:02:17,400 --> 00:02:23,640
如果我贏了或輸或得到錯誤的答案有你就不能看到它的跨度。

29
00:02:23,640 --> 00:02:27,290
那是因為從跨度文字為白色。

30
00:02:28,380 --> 00:02:38,690
所以，你可能會認為這樣做是進入我們的條紋div和說文字顏色應該是黑色的，但不幸的是，這並不工作。

31
00:02:38,880 --> 00:02:59,710
這是特異性的，因為我們說，這條線與條紋的念頭裡面的東西就在這裡一切都應該是黑色的文本顏色黑，你會覺得OK這snidey是超級特殊，如果你能回想起的一個問題我們早期的CSS特異性講座和ID是非常具體的。

32
00:02:59,790 --> 00:03:05,440
問題是儘管這是設置顏色為黑色與ID條紋格。

33
00:03:05,970 --> 00:03:20,630
然後，我們設置所有的跨度，所以你可以在這裡看到是白色，這樣的設置這是白色的，這使得它更具體的，因為我們實際上是瞄準元素本身，而不是父母並繼承的顏色。

34
00:03:21,090 --> 00:03:22,570
因此，我們有幾種選擇。

35
00:03:22,590 --> 00:03:25,960
我會做的其實只是擺脫這種現在。

36
00:03:26,040 --> 00:03:42,960
我們不打算將顏色設置為白色了，我們可以刷新，你會看到，這不改變顏色，它仍然即使我們擺脫了說，所有的跨度是白色的，這就是線的白色跨度因為它是一個H1的內部，它繼承了H1的文字顏色，為白色。

37
00:03:42,990 --> 00:03:45,590
同樣的方式，在這裡該跨度是黑色的。

38
00:03:45,600 --> 00:03:55,160
它繼承了黑色或只是普通染成黑色的文本顏色從條紋的div的周圍，你可以在這裡看到黑色。

39
00:03:55,410 --> 00:03:56,770
這就是我們的刪除線吧。

40
00:03:57,060 --> 00:03:57,660
好。

41
00:03:57,810 --> 00:04:06,800
現在讓我們在得到此按鈕，重置遊戲，所以開始我們需要添加一個事件偵聽器工作。

42
00:04:06,870 --> 00:04:09,750
而在此之前，我們可以做到這一點，我們需要選擇按鈕。

43
00:04:09,960 --> 00:04:21,000
所以，我想給那個按鈕，ID在這裡我們就稱它為ID等於復位，然後，我們選擇了復位按鈕，而不是一個Javascript。

44
00:04:21,000 --> 00:04:31,980
所以VAR復位按鈕等於記錄我們的八度查詢選擇或重置。

45
00:04:31,980 --> 00:04:37,120
然後，一如既往，我想加我的簡單測試事件偵聽器。

46
00:04:37,140 --> 00:04:40,680
因此，復位按鈕確實增加了事件偵聽器。

47
00:04:40,860 --> 00:04:52,820
單擊並當我們點擊所有我們要做的就是做就這樣被刷新一個簡單的警報快速復位按鈕。

48
00:04:52,970 --> 00:04:57,590
如果我點擊這個讓我的警惕，這意味著我們是好去。

49
00:04:57,590 --> 00:05:01,030
所以接下來，我們可以真正的邏輯工作復位。

50
00:05:01,250 --> 00:05:03,890
所以我們需要做的，讓我們寫的偽代碼。

51
00:05:03,890 --> 00:05:10,030
當你點擊該按鈕需要生成所有新的顏色。

52
00:05:10,040 --> 00:05:22,030
我們需要選擇從陣列一個新的隨機顏色，然後我們需要改變頁面上的方塊的顏色。

53
00:05:22,280 --> 00:05:28,910
因此，要生成所有新的顏色，我們實際上已經存在的生成隨機顏色的功能。

54
00:05:29,030 --> 00:05:33,940
所以，我們只能說顏色現在等於產生6個隨機顏色。

55
00:05:34,580 --> 00:05:42,860
然後我們將選擇一個新的隨機顏色，以便挑選顏色現在等於挑顏色的方法，或者我們定義的函數。

56
00:05:42,860 --> 00:05:49,540
還有一件事，我們真正需要做的是改變顯示的顏色以匹配新的選秀權色。

57
00:05:49,850 --> 00:06:01,090
所以，我們只能說改變顏色顯示以匹配挑顏色，這樣一個很簡單。

58
00:06:01,160 --> 00:06:23,110
所有我們需要做的是說的彩色顯示屏點陣文字內容等於挑顏色，如果我們刷新我們的頁面，我們嘗試一下新的顏色它在做什麼是產生六個新的顏色。

59
00:06:23,120 --> 00:06:25,400
我們還沒有看到他們沒有，因為我們沒有這樣的代碼。

60
00:06:25,580 --> 00:06:31,410
然後，它正為那些顏色挑一個，然後改變我們在這裡看到，以匹配萬年青顏色。

61
00:06:31,730 --> 00:06:36,220
因此，它給了我們一個新的隨機顏色那裡和幕後的六只隨機挑選的顏色。

62
00:06:36,230 --> 00:06:42,230
所以最後一塊是反映在頁面上這六個新的顏色，我們做到了這一點之前。

63
00:06:42,260 --> 00:06:50,440
到這裡我們通過所有的方塊循環，我們正在改變平方了風格，背景是顏色。

64
00:06:50,450 --> 00:06:56,060
我所以我要去只是複製了這一切這裡開始，我們將重構這個。

65
00:06:56,350 --> 00:06:58,340
但是，開始把它都在這裡。

66
00:06:58,370 --> 00:07:12,600
所以，遍歷所有的方塊方塊包抄我加再加，然後將所有我們需要做的是說我的廣場風格，背景色彩相等。

67
00:07:13,020 --> 00:07:15,820
我要拯救。

68
00:07:16,070 --> 00:07:21,660
如果我們刷新，我們點擊新的顏色它產生60個隨機顏色。

69
00:07:21,740 --> 00:07:22,820
它選擇之一。

70
00:07:22,820 --> 00:07:30,360
它更新顯示以反映圖像的顏色和它改變了所有的六個正方形以匹配新的六種顏色。

71
00:07:30,710 --> 00:07:34,730
所以讓我們嘗試一下，看看我們之前的邏輯成立的話好了。

72
00:07:35,240 --> 00:07:35,850
好。

73
00:07:36,290 --> 00:07:39,130
因此，這一個是紅色像樣的數目。

74
00:07:39,140 --> 00:07:41,460
很少綠色和藍色像樣的數目。

75
00:07:41,840 --> 00:07:45,280
讓我們嘗試一下一些我們不認為是正確的。

76
00:07:46,160 --> 00:07:48,880
現在，讓我們去的紫色之一。

77
00:07:49,070 --> 00:07:50,940
所以它看起來像一個小更紅藍色。

78
00:07:50,960 --> 00:07:56,510
所以我要去猜測這和我們是正確的，它看起來像東西依然工作得很好。

79
00:07:56,540 --> 00:07:58,470
再次快速新的顏色。

80
00:07:58,610 --> 00:08:00,320
我們要重置此。

81
00:08:00,320 --> 00:08:01,960
這是一個非常小的化妝品的東西。

82
00:08:02,030 --> 00:08:11,000
但是，當我們點擊新的顏色，我們應該這樣它可以追溯到黑色或本深灰色這裡顯示重置。

83
00:08:11,000 --> 00:08:18,480
我們要做的另一件事是，當我們的時候，我們希望它再次說戲，你可以在這裡看到，所以我會在這裡奪冠。

84
00:08:18,530 --> 00:08:20,350
這其中是有很多綠色的。

85
00:08:20,540 --> 00:08:24,980
我贏了，它告訴我再次發揮它做同樣的事情。

86
00:08:24,980 --> 00:08:29,260
在功能上它並沒有真正改變，它只是我們和不同的文本。

87
00:08:29,300 --> 00:08:31,060
所以這是簡單的事。

88
00:08:31,100 --> 00:08:35,150
所有我們需要做的是找到這些代碼是檢查如果你贏了。

89
00:08:35,180 --> 00:08:36,240
這是正確的在這裡。

90
00:08:36,620 --> 00:08:39,500
然後，我們只是想改變該按鈕的文本內容。

91
00:08:39,740 --> 00:08:41,820
所以按鈕被稱為復位按鈕。

92
00:08:41,930 --> 00:08:52,700
因此，復位按鈕文本內容等於一個問號再次發揮刷新它說，新的顏色。

93
00:08:52,790 --> 00:08:54,560
現在，讓我們嘗試播放其中之一。

94
00:08:54,740 --> 00:08:58,750
所以這一塊是一個很大的紅色和大量的綠色和藍色的一點點。

95
00:08:58,790 --> 00:09:02,070
所以很多的紅色和大量綠色的是要給我們一個黃色。

96
00:09:02,210 --> 00:09:04,100
因此，讓我們縮小其中的一些。

97
00:09:04,100 --> 00:09:08,180
然後藍一點點要使它更輕，更亮。

98
00:09:08,480 --> 00:09:13,590
所以，如果我們試圖像這樣其中的一個或這一個，你會看到，他們是不完全正確。

99
00:09:13,880 --> 00:09:17,230
這是我們這裡的答案，它告訴我們再玩一次。

100
00:09:17,300 --> 00:09:20,120
和實時快速和它同樣的事情。

101
00:09:20,180 --> 00:09:23,570
正如我所提到的最後一件事是改變背景顏色回來。

102
00:09:23,570 --> 00:09:28,430
所以，正確的在這裡我們可以做，在復位按鈕的結束。

103
00:09:28,520 --> 00:09:30,950
我們只是要選擇H-1。

104
00:09:31,200 --> 00:09:34,610
這是我們在這裡選擇一個點。

105
00:09:34,670 --> 00:09:37,090
這是撥號背景。

106
00:09:37,160 --> 00:09:40,600
UPS等於。

107
00:09:40,640 --> 00:09:49,560
而且它是十六進制2 3 2 3 2 3這是，如果你忘了，你可以去看看在查閱評估身體的背景顏色。

108
00:09:49,800 --> 00:09:55,410
或者我們訂過這裡的時候，我們消除了顏色之一，如果你選擇了錯誤的顏色。

109
00:09:55,580 --> 00:09:58,680
我們改變背景顏色是相同的機構。

110
00:09:59,150 --> 00:10:02,130
OK，讓我們刷新新的顏色。

111
00:10:02,330 --> 00:10:03,820
現在讓我們獲勝。

112
00:10:04,010 --> 00:10:11,300
只是快速隨機只是時間的緣故，我們再次點擊播放，它變回黑色背景。

113
00:10:11,310 --> 00:10:13,060
或暗灰色背景。

114
00:10:13,570 --> 00:10:15,530
OK所以這是所有這部影片。

115
00:10:15,530 --> 00:10:19,790
接下來，我們要添加的按鈕之間的輕鬆和困難模式來接。