OK，我們會回來的這部影片。
我們將在一些新功能的工作。
第一個是，當我贏得比賽。
它告訴我正確的。
然後，我可以再次點擊播放，以獲得新的顏色，如果我還沒有取勝。
但我也希望有新的顏色，因為某種原因，我不喜歡，我有顏色。
我也可以點擊新的顏色按鈕。
因此，基本上，我們需要一個按鈕，復位遊戲挑選新的顏色選擇一個新的隨機顏色出現了六只隨機挑選顏色，我們會回來到最後容易和困難模式。
所以這個按鈕，它做同樣的事情。
文本更改但如果我們贏得了比賽，並問我們是否想再次發揮，所以我們可以再次點擊播放，這將重置。
但我也可以點擊新的顏色，並且也將重置。
所以，這就是我們要重點關注。
並開始我會繼續前進，我們要添加按鈕，並添加條紋跨越，使條紋將包含該按鈕一種新的顏色或再次打去。
它包含了我們已有的消息。
然後兩個按鈕，我們將在後面做。
因此，如果我們去的第一件事情，我們需要做的，我們已經有了一個div我只是去給它條紋ID，然後我們就可以使用它。
然後，我們已經有我們內部的跨度會顯示類似正確或再試一次。
而這裡面我們就添加我們的按鈕，這個按鈕會說新的顏色，我們可以節省我們刷新啟動。
OK，看起來約一樣糟糕，你會期望。
讓我們繼續前進，並添加白色的背景色和中心一切都在這個div因此，我們的DIV稱為條紋。
讓我們去我們的C SS，我們要選擇Strype這是一個ID。
因此，我們需要使用條紋與事後的想法。
而我們要設置背景顏色背景為白色。
我要設置高度為30像素，這樣我們有一個很好的和高大的div都比較高大的div和我要設置文本對齊為中心。
現在，如果我刷新你得到一個白色的div橫跨去所有的方式。
這是一個有點高比它。
我們只是在以任何東西在這裡的一個按鈕。
如果我贏了或輸或得到錯誤的答案有你就不能看到它的跨度。
那是因為從跨度文字為白色。
所以，你可能會認為這樣做是進入我們的條紋div和說文字顏色應該是黑色的，但不幸的是，這並不工作。
這是特異性的，因為我們說，這條線與條紋的念頭裡面的東西就在這裡一切都應該是黑色的文本顏色黑，你會覺得OK這snidey是超級特殊，如果你能回想起的一個問題我們早期的CSS特異性講座和ID是非常具體的。
問題是儘管這是設置顏色為黑色與ID條紋格。
然後，我們設置所有的跨度，所以你可以在這裡看到是白色，這樣的設置這是白色的，這使得它更具體的，因為我們實際上是瞄準元素本身，而不是父母並繼承的顏色。
因此，我們有幾種選擇。
我會做的其實只是擺脫這種現在。
我們不打算將顏色設置為白色了，我們可以刷新，你會看到，這不改變顏色，它仍然即使我們擺脫了說，所有的跨度是白色的，這就是線的白色跨度因為它是一個H1的內部，它繼承了H1的文字顏色，為白色。
同樣的方式，在這裡該跨度是黑色的。
它繼承了黑色或只是普通染成黑色的文本顏色從條紋的div的周圍，你可以在這裡看到黑色。
這就是我們的刪除線吧。
好。
現在讓我們在得到此按鈕，重置遊戲，所以開始我們需要添加一個事件偵聽器工作。
而在此之前，我們可以做到這一點，我們需要選擇按鈕。
所以，我想給那個按鈕，ID在這裡我們就稱它為ID等於復位，然後，我們選擇了復位按鈕，而不是一個Javascript。
所以VAR復位按鈕等於記錄我們的八度查詢選擇或重置。
然後，一如既往，我想加我的簡單測試事件偵聽器。
因此，復位按鈕確實增加了事件偵聽器。
單擊並當我們點擊所有我們要做的就是做就這樣被刷新一個簡單的警報快速復位按鈕。
如果我點擊這個讓我的警惕，這意味著我們是好去。
所以接下來，我們可以真正的邏輯工作復位。
所以我們需要做的，讓我們寫的偽代碼。
當你點擊該按鈕需要生成所有新的顏色。
我們需要選擇從陣列一個新的隨機顏色，然後我們需要改變頁面上的方塊的顏色。
因此，要生成所有新的顏色，我們實際上已經存在的生成隨機顏色的功能。
所以，我們只能說顏色現在等於產生6個隨機顏色。
然後我們將選擇一個新的隨機顏色，以便挑選顏色現在等於挑顏色的方法，或者我們定義的函數。
還有一件事，我們真正需要做的是改變顯示的顏色以匹配新的選秀權色。
所以，我們只能說改變顏色顯示以匹配挑顏色，這樣一個很簡單。
所有我們需要做的是說的彩色顯示屏點陣文字內容等於挑顏色，如果我們刷新我們的頁面，我們嘗試一下新的顏色它在做什麼是產生六個新的顏色。
我們還沒有看到他們沒有，因為我們沒有這樣的代碼。
然後，它正為那些顏色挑一個，然後改變我們在這裡看到，以匹配萬年青顏色。
因此，它給了我們一個新的隨機顏色那裡和幕後的六只隨機挑選的顏色。
所以最後一塊是反映在頁面上這六個新的顏色，我們做到了這一點之前。
到這裡我們通過所有的方塊循環，我們正在改變平方了風格，背景是顏色。
我所以我要去只是複製了這一切這裡開始，我們將重構這個。
但是，開始把它都在這裡。
所以，遍歷所有的方塊方塊包抄我加再加，然後將所有我們需要做的是說我的廣場風格，背景色彩相等。
我要拯救。
如果我們刷新，我們點擊新的顏色它產生60個隨機顏色。
它選擇之一。
它更新顯示以反映圖像的顏色和它改變了所有的六個正方形以匹配新的六種顏色。
所以讓我們嘗試一下，看看我們之前的邏輯成立的話好了。
好。
因此，這一個是紅色像樣的數目。
很少綠色和藍色像樣的數目。
讓我們嘗試一下一些我們不認為是正確的。
現在，讓我們去的紫色之一。
所以它看起來像一個小更紅藍色。
所以我要去猜測這和我們是正確的，它看起來像東西依然工作得很好。
再次快速新的顏色。
我們要重置此。
這是一個非常小的化妝品的東西。
但是，當我們點擊新的顏色，我們應該這樣它可以追溯到黑色或本深灰色這裡顯示重置。
我們要做的另一件事是，當我們的時候，我們希望它再次說戲，你可以在這裡看到，所以我會在這裡奪冠。
這其中是有很多綠色的。
我贏了，它告訴我再次發揮它做同樣的事情。
在功能上它並沒有真正改變，它只是我們和不同的文本。
所以這是簡單的事。
所有我們需要做的是找到這些代碼是檢查如果你贏了。
這是正確的在這裡。
然後，我們只是想改變該按鈕的文本內容。
所以按鈕被稱為復位按鈕。
因此，復位按鈕文本內容等於一個問號再次發揮刷新它說，新的顏色。
現在，讓我們嘗試播放其中之一。
所以這一塊是一個很大的紅色和大量的綠色和藍色的一點點。
所以很多的紅色和大量綠色的是要給我們一個黃色。
因此，讓我們縮小其中的一些。
然後藍一點點要使它更輕，更亮。
所以，如果我們試圖像這樣其中的一個或這一個，你會看到，他們是不完全正確。
這是我們這裡的答案，它告訴我們再玩一次。
和實時快速和它同樣的事情。
正如我所提到的最後一件事是改變背景顏色回來。
所以，正確的在這裡我們可以做，在復位按鈕的結束。
我們只是要選擇H-1。
這是我們在這裡選擇一個點。
這是撥號背景。
UPS等於。
而且它是十六進制2 3 2 3 2 3這是，如果你忘了，你可以去看看在查閱評估身體的背景顏色。
或者我們訂過這裡的時候，我們消除了顏色之一，如果你選擇了錯誤的顏色。
我們改變背景顏色是相同的機構。
OK，讓我們刷新新的顏色。
現在讓我們獲勝。
只是快速隨機只是時間的緣故，我們再次點擊播放，它變回黑色背景。
或暗灰色背景。
OK所以這是所有這部影片。
接下來，我們要添加的按鈕之間的輕鬆和困難模式來接。