1
00:00:00,240 --> 00:00:01,080
歡迎回來。

2
00:00:01,080 --> 00:00:07,350
在這段視頻中我們將專注於增加這裡的容易和硬按鍵，這將影響比賽的難度。

3
00:00:07,350 --> 00:00:14,590
所以，當我們載入頁面起來難已被選中，我們在這裡看到的六個不同的按鈕或六個不同的正方形。

4
00:00:14,760 --> 00:00:18,610
然後我可以點擊容易，而且保持選中狀態。

5
00:00:18,900 --> 00:00:21,180
我們只有三個廣場的來接。

6
00:00:21,270 --> 00:00:23,270
然後我可以回到心臟。

7
00:00:23,520 --> 00:00:26,860
我們將在我們所需要的兩個按鈕添加到啟動。

8
00:00:27,000 --> 00:00:31,050
所以，我要進入我的HMO，並添加兩個按鈕。

9
00:00:31,560 --> 00:00:33,800
第一個，我們會說簡單。

10
00:00:34,020 --> 00:00:37,470
第二個會說硬將刷新。

11
00:00:37,900 --> 00:00:38,440
好。

12
00:00:38,520 --> 00:00:40,610
而且現在看起來不錯。

13
00:00:41,160 --> 00:00:44,030
你會發現我們的跨度不採取任何空間呢。

14
00:00:44,300 --> 00:00:46,020
我看到有一些文字顯示出來。

15
00:00:46,020 --> 00:01:01,900
它推動這些按鈕客場將專注於造型後，但還有的是，我希望把重點放在這當我們選擇易跌難相應的按鈕應該留藍色看起來選擇在頁面加載時或正在造型的一個元素。

16
00:01:02,160 --> 00:01:06,540
而我們做的方法是使用一個類和轉彎該類開和關。

17
00:01:06,540 --> 00:01:12,780
所以我要在這裡定義一個類，它的將是比這種風格的造型在這裡它只是將是一個顏色簡單。

18
00:01:12,810 --> 00:01:18,520
因此，我們的背景顏色和類將被稱為選擇，因為這是我們正在做的事情。

19
00:01:18,720 --> 00:01:22,110
我們將所選擇的類被選中的按鈕。

20
00:01:22,440 --> 00:01:25,870
它只是將有一個背景設置為你開始。

21
00:01:26,280 --> 00:01:33,820
然後呢，我們要做的只是給困難模式按鈕類等於選擇。

22
00:01:34,500 --> 00:01:39,600
如果我們刷新我們的代碼，你可以看到硬從事。

23
00:01:39,810 --> 00:01:44,540
這是可怕的是，但它至少告訴我們，我們是在困難模式。

24
00:01:44,550 --> 00:01:55,070
那麼接下來我們要做的是添加這是一個開關，當他們點擊容易，然後最棘手的部分是顯示三種顏色，當你點擊容易，當你點擊的心臟六種顏色的代碼。

25
00:01:55,350 --> 00:01:56,340
好。

26
00:01:56,610 --> 00:01:58,580
讓我們在這裡開始。

27
00:01:58,650 --> 00:02:08,460
因此，為了使這些按鈕的實際工作，我們需要在我們的JavaScript來選擇它們，然後有一些快速的聽眾，並做一些和運行一些代碼，點擊他們每個人的時候。

28
00:02:08,520 --> 00:02:14,490
因此，讓我們更容易選擇，我要去給他們每一個ID容易啟動。

29
00:02:14,590 --> 00:02:24,230
DTN然後硬ETN，我們將改變這個，如果你在這裡看到的紅旗，或者如果你想我們正在使用太多的想法。

30
00:02:24,330 --> 00:02:26,660
我們將在短短的幾分鐘來重構這一點。

31
00:02:26,760 --> 00:02:28,630
但是，我們要開始了兩個不同的ID。

32
00:02:28,650 --> 00:02:30,500
EASY按鈕硬按鈕。

33
00:02:30,660 --> 00:02:32,570
請訪問我們的javascript和選擇。

34
00:02:32,580 --> 00:02:40,100
所以VAR容易ETN等於文檔的文檔查詢選擇與八溴。

35
00:02:40,410 --> 00:02:42,430
易ETN。

36
00:02:42,600 --> 00:02:45,210
確保我們把握的東西是一樣的。

37
00:02:45,270 --> 00:02:46,270
在那裡，我們走了。

38
00:02:46,650 --> 00:02:54,240
而對於硬，我不知道同樣的事情，如果你抓住了，在昇華。

39
00:02:54,240 --> 00:03:06,140
如果您選擇的話容易，你打它Kamandi將自動選擇下一個實例，我可以繼續這樣做，要選擇所有這些，但我只是想這兩個和我去，而不是類型的硬盤。

40
00:03:06,210 --> 00:03:09,670
因此，我們有兩個按鈕，然後我們可以做這樣的事情。

41
00:03:09,960 --> 00:03:13,690
易PTEN添加事件偵聽器。

42
00:03:13,800 --> 00:03:23,950
點擊而我們要做的就是警惕著容易按鈕被退出就這樣。

43
00:03:24,600 --> 00:03:31,170
警報按鈕，輕鬆點擊，並確保工程。

44
00:03:31,200 --> 00:03:49,050
因此，我們刷新點擊OK簡單說EASY按鈕點擊，然後我們會複製這個硬按鈕，我們會說很難按鈕被退出並刷新輕鬆仍然工作和努力，但它告訴我們，硬按鈕被點擊。

45
00:03:49,410 --> 00:03:57,390
因此，而不是只是在做上獲取類中選定類，以反映選擇其中之一，它可以讓工作。

46
00:03:57,810 --> 00:04:02,020
所以，如果我們點擊按鈕，方便所有我們想要做的是很容易按鈕。

47
00:04:02,070 --> 00:04:11,120
文檔類列表中添加選定的，如果我們現在刷新我點擊容易。

48
00:04:11,420 --> 00:04:12,920
它有一個選定的類別。

49
00:04:12,940 --> 00:04:19,630
容易，但問題是，它仍然在硬按鈕，這樣很容易修復。

50
00:04:19,650 --> 00:04:30,520
我們只是希望有一個硬鍵DOC名單跨點刪除它，如果我們現在就輕鬆點擊困難模式消失。

51
00:04:30,660 --> 00:04:47,630
但是，如果我們點擊辛苦，我們仍然不具備這一邏輯，所以我們可以通過剛過複製該代碼解決這個問題，現在我們將有一個加選擇的刪除選定的簡單易用的按鈕類列表硬按鍵無類。

52
00:04:48,160 --> 00:04:49,970
OK，讓我們測試一下。

53
00:04:50,890 --> 00:04:51,630
好吧。

54
00:04:51,630 --> 00:05:02,930
所以，我們現在有更容易的部分做這兩個按鈕顯示哪一個是當前選擇，我刷新，因為我們有六大要素很難被自動選擇。

55
00:05:02,940 --> 00:05:12,730
接下來，我們需要添加邏輯，真正改變的困難不只是在這裡，但只顯示三個元素或六個正方形這些按鈕的風格。

56
00:05:12,930 --> 00:05:15,840
因此，我們需要做的，明年我們開始之前。

57
00:05:15,870 --> 00:05:19,110
讓我們再次檢查解決方案，看看它是如何工作的。

58
00:05:19,110 --> 00:05:36,510
所以，如果我刷新我點擊容易通知我們得到了新的顏色，我們必須這樣做，因為那裡是我這裡有六種顏色的危險，並且在此選擇可能是這三個中的一個，當我點擊輕鬆的顏色這三個被除去。

59
00:05:36,510 --> 00:05:39,400
所以這可能是一個很破壞遊戲的bug。

60
00:05:39,600 --> 00:05:42,860
因此，而不是處理，我們只是要挑三新的顏色。

61
00:05:42,990 --> 00:05:45,870
所以這個過程是我們刷新。

62
00:05:45,930 --> 00:05:54,640
所以這個過程是，當我在輕鬆點擊按鈕，我們將要產生的顏色陣列三種新顏色要挑選來自這三個一種顏色。

63
00:05:54,750 --> 00:05:57,490
我們將與拾取顏色出現更新。

64
00:05:57,510 --> 00:05:59,450
我們要在這裡更新了三個廣場。

65
00:05:59,640 --> 00:06:08,610
而重要的是，我們還隱藏了其他三個正方形，所以我們不刪除它們，我們只是通過設置顯示是無隱藏它們。

66
00:06:09,120 --> 00:06:11,010
然後同樣的事情會很難。

67
00:06:11,010 --> 00:06:13,930
我們生成的顏色陣列中的六個新的顏色。

68
00:06:13,950 --> 00:06:16,080
我們挑人被我們挑選的顏色。

69
00:06:16,230 --> 00:06:17,850
在這裡，我們顯示了。

70
00:06:18,000 --> 00:06:23,740
然後，我們顯示在底部的三個正方形，然後將每一個有一個彩色。

71
00:06:24,270 --> 00:06:24,730
好。

72
00:06:24,810 --> 00:06:26,570
現在讓我們解決這個。

73
00:06:26,820 --> 00:06:31,170
首先，當我們點擊該按鈕，方便讓我們從這裡開始。

74
00:06:31,380 --> 00:06:39,520
我們將要產生新的顏色，使顏色等於隨機生成的顏色此時3。

75
00:06:40,410 --> 00:06:50,820
然後，一旦我們有一點，我們會想選擇一個新的挑色挑這麼色等於挑膚色就這樣。

76
00:06:50,820 --> 00:06:58,400
所以一旦我們有我們的顏色和我們挑顏色，我們可以僅通過更改顯示在這裡以顯示新的畫面色彩開始。

77
00:06:59,070 --> 00:07:06,050
所以，這話說彩色顯示文本內容等於挑顏色一樣簡單。

78
00:07:06,360 --> 00:07:11,410
如果我們刷新我要在這裡得到一些新的顏色只是向您展示一些東西。

79
00:07:11,580 --> 00:07:19,630
當我在輕鬆點擊你提到的顏色正在發生變化前，在幕後有一個顏色數組也會改變。

80
00:07:19,650 --> 00:07:27,490
所以，讓我們來看看是正確的，然後現在我點擊簡易模式是什麼顏色，我看又是什麼顏色，它是不同的。

81
00:07:27,870 --> 00:07:30,990
而且它也拿起顏色是不同的。

82
00:07:30,990 --> 00:07:38,190
所以，現在讓我們來談談我們如何隱藏三大底部的div當我們點擊簡易模式，或者我們可以隱藏前三名。

83
00:07:38,190 --> 00:07:38,730
不要緊

84
00:07:38,730 --> 00:07:46,360
但我要做到這一點，我們將做到這一點底部的三個方式是通過循環和設定底部三分球顯示屬性為無。

85
00:07:46,560 --> 00:07:48,440
因此，讓我告訴你如何工作的。

86
00:07:48,510 --> 00:07:49,870
我只是挑其中之一。

87
00:07:49,980 --> 00:08:01,850
因此，讓我們做一個文檔查詢選擇所有的方形或方形，然後用五分之一的工作。

88
00:08:02,250 --> 00:08:11,320
那麼實際上第六個擁有5個索引，然後設置樣式顯示器沒有了。

89
00:08:12,150 --> 00:08:13,760
你會看到它消失。

90
00:08:13,770 --> 00:08:19,000
然後，如果我想要回來，我會，如果我們點擊困難模式我只需要說風格。

91
00:08:19,050 --> 00:08:22,160
顯示等於鎖。

92
00:08:22,500 --> 00:08:23,280
好吧。

93
00:08:23,490 --> 00:08:30,980
因此，讓我們繼續前進，實現這個在我們的代碼，將實現這一目標是通過先通過所有六個循環的方式。

94
00:08:31,170 --> 00:08:34,820
而對於前三個我們要去給他們一個新的顏色。

95
00:08:35,040 --> 00:08:37,380
而對於底部的三個我們要隱藏它們。

96
00:08:37,410 --> 00:08:40,380
因此，而不是兩個循環做到這一點，我們立即做。

97
00:08:40,560 --> 00:08:43,980
因此，對於VAR我等於零。

98
00:08:43,980 --> 00:08:48,140
我只是比正方形出長度短。

99
00:08:48,300 --> 00:08:54,390
另外再加上我們要採取的一個事實，即顏色中有三個項目的優勢。

100
00:08:54,390 --> 00:08:58,000
所以，我們要的顏色是否為一做這樣的事

101
00:08:58,440 --> 00:09:02,350
因此，如果有下一個顏色，所以這將發生在前三。

102
00:09:02,610 --> 00:09:11,020
我們打算寫我的正方形樣式背景色相等。

103
00:09:12,660 --> 00:09:22,740
因此，在我們的情況下，前三因為顏色只有三個項目我們通過所有的廣場將循環並檢查是否有該索引處的顏色。

104
00:09:22,770 --> 00:09:27,320
如果有，我們要改變那些前三的顏色。

105
00:09:27,390 --> 00:09:29,160
因此，讓我們讓我們確保工程。

106
00:09:29,160 --> 00:09:33,990
我點擊容易，你會看到只有前三名正在發生變化。

107
00:09:33,990 --> 00:09:35,470
因此，我們正在接近。

108
00:09:35,520 --> 00:09:38,550
所有我們想現在要做的就是隱藏底部的三個。

109
00:09:39,000 --> 00:09:41,040
因此，我們將做到這一點與其他人。

110
00:09:42,370 --> 00:09:48,970
廣場我的風格，展示等於沒有。

111
00:09:49,600 --> 00:10:00,010
如果我們刷新，並使其全屏，如果我點擊簡單的模式，你可以看到，我們失去了底部三前三名的顏色正在發生變化。

112
00:10:00,640 --> 00:10:03,010
讓我們揣摩，這是其中之一。

113
00:10:03,050 --> 00:10:08,850
所以一百六十三紅125綠色和藍色的一點點。

114
00:10:08,950 --> 00:10:10,190
在那裡，我們走了。

115
00:10:10,300 --> 00:10:13,200
您可以刷新多試幾個。

116
00:10:13,210 --> 00:10:19,030
我們確實有一個小問題，因為我更新了一些這些，我點擊簡易模式。

117
00:10:19,030 --> 00:10:21,010
我們只是在這裡產生三種顏色。

118
00:10:21,140 --> 00:10:26,600
但是，如果我點擊了新的顏色按鈕，所以我會告訴你的外觀顏色，如現在。

119
00:10:26,740 --> 00:10:27,640
這三個項目。

120
00:10:27,760 --> 00:10:32,330
如果我在新的顏色，雖然點擊，然後我看顏色。

121
00:10:33,070 --> 00:10:38,340
它實際上是六個項目，這就是因為我們沒有保持跟踪，我們是哪個模式。

122
00:10:38,350 --> 00:10:40,440
這樣的代碼就在這裡上的復位按鈕。

123
00:10:40,510 --> 00:10:44,520
我們只是說顏色等於生成隨機顏色。

124
00:10:44,680 --> 00:10:46,370
因此，我們需要解決這個問題最終。

125
00:10:46,600 --> 00:10:54,700
但是我們在此之前，讓我們得到我們的硬鍵，以便它使我們回到六個正方形，每個人都有自己的顏色來做到這一點。

126
00:10:54,850 --> 00:11:00,000
我將只是採取一些這種代碼，並在這裡複製下來這始終是一個不好的跡象。

127
00:11:00,490 --> 00:11:03,250
這就是為什麼我們要在短短一點點地重構這個。

128
00:11:03,280 --> 00:11:04,870
所以我想的第一件事要做。

129
00:11:04,870 --> 00:11:09,380
我只是將它的所有複製到我們的硬鍵事件偵聽器的顏色。

130
00:11:09,400 --> 00:11:16,000
這將是六種顏色的色彩選取將相同顏色的顯示文本內容是一樣的。

131
00:11:16,000 --> 00:11:18,880
然後，我們通過所有的人都在這個循環中去循環。

132
00:11:18,880 --> 00:11:20,590
我們需要做的是兩回事。

133
00:11:20,590 --> 00:11:24,200
首先是分配一個新的顏色每平方。

134
00:11:24,460 --> 00:11:29,980
但是，我們也有可能需要確保這三個是在底部取消隱藏。

135
00:11:30,430 --> 00:11:38,990
所以，我們要擺脫if語句現在，我們只是要設置所有的廣場有一個背景色為色彩。

136
00:11:39,430 --> 00:11:43,880
和所有的廣場將有塊的顯示。

137
00:11:44,230 --> 00:11:51,710
所以這是一個有點浪費，因為我們只需要最後三個技術上，我們正​​在重新個個是顯示塊。

138
00:11:51,850 --> 00:11:54,940
但是，這以後我們可以專注於一個非常次要的事情。

139
00:11:55,000 --> 00:12:03,150
所以讓我們只看到，如果這個工程刷新告訴我們，我們有36行語法錯誤讓我們看看我們失去了什麼。

140
00:12:03,670 --> 00:12:05,600
我們只是有一個額外的大括號在這裡。

141
00:12:05,710 --> 00:12:10,210
所以，如果我們現在保存並刷新我們有六種顏色就像我們總是有。

142
00:12:10,210 --> 00:12:12,190
如果我點擊容​​易，我們得到三個。

143
00:12:12,310 --> 00:12:15,260
如果我點擊硬盤我現在回去六。

144
00:12:15,370 --> 00:12:18,780
我得到一個新的顏色在這裡，讓我們只需要確保，保持正常工作。

145
00:12:18,850 --> 00:12:23,280
所以不難難，當我去硬模式容易硬。

146
00:12:23,380 --> 00:12:25,510
讓我們點擊新的顏色一次。

147
00:12:25,570 --> 00:12:29,570
回到方便回去很難簡單的和困難。

148
00:12:29,650 --> 00:12:29,930
好吧。

149
00:12:29,920 --> 00:12:32,320
讓我們玩這個，看看它是否工作。

150
00:12:32,320 --> 00:12:37,410
所以挑顏色為196 170 57。

151
00:12:37,450 --> 00:12:42,240
所以很多的閱讀了大量的綠色和藍色的一點點。

152
00:12:42,460 --> 00:12:44,970
所以這是一個很大的紅色和綠色是黃色。

153
00:12:45,070 --> 00:12:46,650
所以它不會是一個或那一個。

154
00:12:46,660 --> 00:12:52,120
那一個將是這一個真正的快速和看起來像它的工作就好了。

155
00:12:52,380 --> 00:12:55,880
如果我點擊容​​易，我們再次回到三種顏色。

156
00:12:56,050 --> 00:13:11,350
雖然我們面臨的最緊迫的問題是，當我在簡易模式，我點擊播放再次這將產生六種顏色不是三和它要選擇一個隨機的顏色了六這是會可能不被顯示給我們的有問題要解決這個問題。

157
00:13:11,350 --> 00:13:15,730
所有我們需要做的是有一個跟踪，我們是什麼模式的變量。

158
00:13:15,730 --> 00:13:19,650
易或硬或正方形三個或六個數。

159
00:13:19,840 --> 00:13:21,530
因此，我們將做到這一點在這裡。

160
00:13:21,640 --> 00:13:40,180
我們將有一個正方形Number變量調用，將在6開始，我們就聲明，這裡說的顏色等於產生一些隨機的顏色，讓我們把它的正方形或正方形的數量。

161
00:13:40,240 --> 00:13:47,020
這就像和保存更容易一些。

162
00:13:47,140 --> 00:13:50,120
然後，我們需要更換，在幾個地方。

163
00:13:50,170 --> 00:14:00,040
所以，當我們點擊簡易模式您想麻木廣場是三，然後我們隨機生成的顏色，而不廣場。

164
00:14:00,430 --> 00:14:18,850
再進一步下跌，當我們點擊硬鍵，我們需要一些正方形為6麻木廣場等於6，可後來隨機生成的顏色方塊，再有，當我們點擊該復位按鈕右側這裡的其他一些地方。

165
00:14:18,850 --> 00:14:24,540
我們希望產生的顏色這將是Nahm廣場有作為正確的號碼。

166
00:14:24,580 --> 00:14:28,970
所以這應該照顧它對於我們，如果我們回去和刷新。

167
00:14:29,530 --> 00:14:33,080
我們去簡易模式，讓我們贏得這場之一。

168
00:14:33,190 --> 00:14:35,280
所以，多為紅色一點點藍色。

169
00:14:35,320 --> 00:14:37,350
沒有這一項。

170
00:14:37,660 --> 00:14:38,740
不是那個。

171
00:14:38,740 --> 00:14:39,830
在那裡，我們走了。

172
00:14:39,880 --> 00:14:47,140
如果我點擊發揮再次讓我們確保當我輸入的顏色我們只看到三種顏色。

173
00:14:47,140 --> 00:14:55,240
如果我看著挑色挑希望一種顏色，你可以看到它的顏色陣列內。

174
00:14:55,450 --> 00:14:56,880
所以我們不擔心這個問題了。