歡迎回來。
在這段視頻中我們將專注於增加這裡的容易和硬按鍵，這將影響比賽的難度。
所以，當我們載入頁面起來難已被選中，我們在這裡看到的六個不同的按鈕或六個不同的正方形。
然後我可以點擊容易，而且保持選中狀態。
我們只有三個廣場的來接。
然後我可以回到心臟。
我們將在我們所需要的兩個按鈕添加到啟動。
所以，我要進入我的HMO，並添加兩個按鈕。
第一個，我們會說簡單。
第二個會說硬將刷新。
好。
而且現在看起來不錯。
你會發現我們的跨度不採取任何空間呢。
我看到有一些文字顯示出來。
它推動這些按鈕客場將專注於造型後，但還有的是，我希望把重點放在這當我們選擇易跌難相應的按鈕應該留藍色看起來選擇在頁面加載時或正在造型的一個元素。
而我們做的方法是使用一個類和轉彎該類開和關。
所以我要在這裡定義一個類，它的將是比這種風格的造型在這裡它只是將是一個顏色簡單。
因此，我們的背景顏色和類將被稱為選擇，因為這是我們正在做的事情。
我們將所選擇的類被選中的按鈕。
它只是將有一個背景設置為你開始。
然後呢，我們要做的只是給困難模式按鈕類等於選擇。
如果我們刷新我們的代碼，你可以看到硬從事。
這是可怕的是，但它至少告訴我們，我們是在困難模式。
那麼接下來我們要做的是添加這是一個開關，當他們點擊容易，然後最棘手的部分是顯示三種顏色，當你點擊容易，當你點擊的心臟六種顏色的代碼。
好。
讓我們在這裡開始。
因此，為了使這些按鈕的實際工作，我們需要在我們的JavaScript來選擇它們，然後有一些快速的聽眾，並做一些和運行一些代碼，點擊他們每個人的時候。
因此，讓我們更容易選擇，我要去給他們每一個ID容易啟動。
DTN然後硬ETN，我們將改變這個，如果你在這裡看到的紅旗，或者如果你想我們正在使用太多的想法。
我們將在短短的幾分鐘來重構這一點。
但是，我們要開始了兩個不同的ID。
EASY按鈕硬按鈕。
請訪問我們的javascript和選擇。
所以VAR容易ETN等於文檔的文檔查詢選擇與八溴。
易ETN。
確保我們把握的東西是一樣的。
在那裡，我們走了。
而對於硬，我不知道同樣的事情，如果你抓住了，在昇華。
如果您選擇的話容易，你打它Kamandi將自動選擇下一個實例，我可以繼續這樣做，要選擇所有這些，但我只是想這兩個和我去，而不是類型的硬盤。
因此，我們有兩個按鈕，然後我們可以做這樣的事情。
易PTEN添加事件偵聽器。
點擊而我們要做的就是警惕著容易按鈕被退出就這樣。
警報按鈕，輕鬆點擊，並確保工程。
因此，我們刷新點擊OK簡單說EASY按鈕點擊，然後我們會複製這個硬按鈕，我們會說很難按鈕被退出並刷新輕鬆仍然工作和努力，但它告訴我們，硬按鈕被點擊。
因此，而不是只是在做上獲取類中選定類，以反映選擇其中之一，它可以讓工作。
所以，如果我們點擊按鈕，方便所有我們想要做的是很容易按鈕。
文檔類列表中添加選定的，如果我們現在刷新我點擊容易。
它有一個選定的類別。
容易，但問題是，它仍然在硬按鈕，這樣很容易修復。
我們只是希望有一個硬鍵DOC名單跨點刪除它，如果我們現在就輕鬆點擊困難模式消失。
但是，如果我們點擊辛苦，我們仍然不具備這一邏輯，所以我們可以通過剛過複製該代碼解決這個問題，現在我們將有一個加選擇的刪除選定的簡單易用的按鈕類列表硬按鍵無類。
OK，讓我們測試一下。
好吧。
所以，我們現在有更容易的部分做這兩個按鈕顯示哪一個是當前選擇，我刷新，因為我們有六大要素很難被自動選擇。
接下來，我們需要添加邏輯，真正改變的困難不只是在這裡，但只顯示三個元素或六個正方形這些按鈕的風格。
因此，我們需要做的，明年我們開始之前。
讓我們再次檢查解決方案，看看它是如何工作的。
所以，如果我刷新我點擊容易通知我們得到了新的顏色，我們必須這樣做，因為那裡是我這裡有六種顏色的危險，並且在此選擇可能是這三個中的一個，當我點擊輕鬆的顏色這三個被除去。
所以這可能是一個很破壞遊戲的bug。
因此，而不是處理，我們只是要挑三新的顏色。
所以這個過程是我們刷新。
所以這個過程是，當我在輕鬆點擊按鈕，我們將要產生的顏色陣列三種新顏色要挑選來自這三個一種顏色。
我們將與拾取顏色出現更新。
我們要在這裡更新了三個廣場。
而重要的是，我們還隱藏了其他三個正方形，所以我們不刪除它們，我們只是通過設置顯示是無隱藏它們。
然後同樣的事情會很難。
我們生成的顏色陣列中的六個新的顏色。
我們挑人被我們挑選的顏色。
在這裡，我們顯示了。
然後，我們顯示在底部的三個正方形，然後將每一個有一個彩色。
好。
現在讓我們解決這個。
首先，當我們點擊該按鈕，方便讓我們從這裡開始。
我們將要產生新的顏色，使顏色等於隨機生成的顏色此時3。
然後，一旦我們有一點，我們會想選擇一個新的挑色挑這麼色等於挑膚色就這樣。
所以一旦我們有我們的顏色和我們挑顏色，我們可以僅通過更改顯示在這裡以顯示新的畫面色彩開始。
所以，這話說彩色顯示文本內容等於挑顏色一樣簡單。
如果我們刷新我要在這裡得到一些新的顏色只是向您展示一些東西。
當我在輕鬆點擊你提到的顏色正在發生變化前，在幕後有一個顏色數組也會改變。
所以，讓我們來看看是正確的，然後現在我點擊簡易模式是什麼顏色，我看又是什麼顏色，它是不同的。
而且它也拿起顏色是不同的。
所以，現在讓我們來談談我們如何隱藏三大底部的div當我們點擊簡易模式，或者我們可以隱藏前三名。
不要緊
但我要做到這一點，我們將做到這一點底部的三個方式是通過循環和設定底部三分球顯示屬性為無。
因此，讓我告訴你如何工作的。
我只是挑其中之一。
因此，讓我們做一個文檔查詢選擇所有的方形或方形，然後用五分之一的工作。
那麼實際上第六個擁有5個索引，然後設置樣式顯示器沒有了。
你會看到它消失。
然後，如果我想要回來，我會，如果我們點擊困難模式我只需要說風格。
顯示等於鎖。
好吧。
因此，讓我們繼續前進，實現這個在我們的代碼，將實現這一目標是通過先通過所有六個循環的方式。
而對於前三個我們要去給他們一個新的顏色。
而對於底部的三個我們要隱藏它們。
因此，而不是兩個循環做到這一點，我們立即做。
因此，對於VAR我等於零。
我只是比正方形出長度短。
另外再加上我們要採取的一個事實，即顏色中有三個項目的優勢。
所以，我們要的顏色是否為一做這樣的事
因此，如果有下一個顏色，所以這將發生在前三。
我們打算寫我的正方形樣式背景色相等。
因此，在我們的情況下，前三因為顏色只有三個項目我們通過所有的廣場將循環並檢查是否有該索引處的顏色。
如果有，我們要改變那些前三的顏色。
因此，讓我們讓我們確保工程。
我點擊容易，你會看到只有前三名正在發生變化。
因此，我們正在接近。
所有我們想現在要做的就是隱藏底部的三個。
因此，我們將做到這一點與其他人。
廣場我的風格，展示等於沒有。
如果我們刷新，並使其全屏，如果我點擊簡單的模式，你可以看到，我們失去了底部三前三名的顏色正在發生變化。
讓我們揣摩，這是其中之一。
所以一百六十三紅125綠色和藍色的一點點。
在那裡，我們走了。
您可以刷新多試幾個。
我們確實有一個小問題，因為我更新了一些這些，我點擊簡易模式。
我們只是在這裡產生三種顏色。
但是，如果我點擊了新的顏色按鈕，所以我會告訴你的外觀顏色，如現在。
這三個項目。
如果我在新的顏色，雖然點擊，然後我看顏色。
它實際上是六個項目，這就是因為我們沒有保持跟踪，我們是哪個模式。
這樣的代碼就在這裡上的復位按鈕。
我們只是說顏色等於生成隨機顏色。
因此，我們需要解決這個問題最終。
但是我們在此之前，讓我們得到我們的硬鍵，以便它使我們回到六個正方形，每個人都有自己的顏色來做到這一點。
我將只是採取一些這種代碼，並在這裡複製下來這始終是一個不好的跡象。
這就是為什麼我們要在短短一點點地重構這個。
所以我想的第一件事要做。
我只是將它的所有複製到我們的硬鍵事件偵聽器的顏色。
這將是六種顏色的色彩選取將相同顏色的顯示文本內容是一樣的。
然後，我們通過所有的人都在這個循環中去循環。
我們需要做的是兩回事。
首先是分配一個新的顏色每平方。
但是，我們也有可能需要確保這三個是在底部取消隱藏。
所以，我們要擺脫if語句現在，我們只是要設置所有的廣場有一個背景色為色彩。
和所有的廣場將有塊的顯示。
所以這是一個有點浪費，因為我們只需要最後三個技術上，我們正​​在重新個個是顯示塊。
但是，這以後我們可以專注於一個非常次要的事情。
所以讓我們只看到，如果這個工程刷新告訴我們，我們有36行語法錯誤讓我們看看我們失去了什麼。
我們只是有一個額外的大括號在這裡。
所以，如果我們現在保存並刷新我們有六種顏色就像我們總是有。
如果我點擊容​​易，我們得到三個。
如果我點擊硬盤我現在回去六。
我得到一個新的顏色在這裡，讓我們只需要確保，保持正常工作。
所以不難難，當我去硬模式容易硬。
讓我們點擊新的顏色一次。
回到方便回去很難簡單的和困難。
好吧。
讓我們玩這個，看看它是否工作。
所以挑顏色為196 170 57。
所以很多的閱讀了大量的綠色和藍色的一點點。
所以這是一個很大的紅色和綠色是黃色。
所以它不會是一個或那一個。
那一個將是這一個真正的快速和看起來像它的工作就好了。
如果我點擊容​​易，我們再次回到三種顏色。
雖然我們面臨的最緊迫的問題是，當我在簡易模式，我點擊播放再次這將產生六種顏色不是三和它要選擇一個隨機的顏色了六這是會可能不被顯示給我們的有問題要解決這個問題。
所有我們需要做的是有一個跟踪，我們是什麼模式的變量。
易或硬或正方形三個或六個數。
因此，我們將做到這一點在這裡。
我們將有一個正方形Number變量調用，將在6開始，我們就聲明，這裡說的顏色等於產生一些隨機的顏色，讓我們把它的正方形或正方形的數量。
這就像和保存更容易一些。
然後，我們需要更換，在幾個地方。
所以，當我們點擊簡易模式您想麻木廣場是三，然後我們隨機生成的顏色，而不廣場。
再進一步下跌，當我們點擊硬鍵，我們需要一些正方形為6麻木廣場等於6，可後來隨機生成的顏色方塊，再有，當我們點擊該復位按鈕右側這裡的其他一些地方。
我們希望產生的顏色這將是Nahm廣場有作為正確的號碼。
所以這應該照顧它對於我們，如果我們回去和刷新。
我們去簡易模式，讓我們贏得這場之一。
所以，多為紅色一點點藍色。
沒有這一項。
不是那個。
在那裡，我們走了。
如果我點擊發揮再次讓我們確保當我輸入的顏色我們只看到三種顏色。
如果我看著挑色挑希望一種顏色，你可以看到它的顏色陣列內。
所以我們不擔心這個問題了。