在這部影片中有我想要做，然後我要談談我們如何可以重構這一點一些小的改動。
所以，第一個變化是，當我們贏得這場比賽。
因此，讓我們在這裡奪冠。
在那裡，我們去我得到這個正確的消息，我再次點擊播放。
它仍然說是正確的。
我們希望這樣的重置這是一個非常快速的變化。
所有我們需要做的是找到一個運行，當我們再次點擊播放，然後我們需要改變，我們這裡的跨度，使它只是空的代碼。
所以，讓我們發現，使這個全屏。
所以，當我們點擊了復位按鈕是在這裡。
所有我們需要做的是改變我們顯示我們稱之為信息顯示。
因此，我們將做到這一點到這裡隨便找個地方。
消息顯示文本窗口的文本內容等於空字符串。
讓我們來看看如何繼續下去。
刷新。
OK，讓我們只要按一下，直到我們贏了。
行，所以在這裡說，正確的。
如果我點擊發揮再次證明消失。
我想令對方稍有變化的是，這個按鈕應該只能說再次，一旦用戶贏得比賽。
因此，我將刷新頁面，它說，新的顏色是如何，我們希望它的工作。
然後，如果我贏了就問我，如果我想再次發揮。
然後，如果我點擊再次發揮我們要改變按鈕文本回到新的顏色。
所以，真正細微的差別，但我只是想，如果用戶只是獲得了再次顯示播放。
因此，進入我們的代碼，我們需要找到用戶贏得比賽是在這裡，當用戶點擊拾取顏色的地方。
因此，當用戶點擊正確的顏色，我們改變復位按鈕的文字說的文字內容，但在隨後的復位按鈕，用戶點擊我們要改變我們所希望做的是。
這點文字內容回到新的顏色，我們也可以寫一個復位按鈕。
但它更容易，因為我們的事件偵聽器復位按鈕內做到這一點。
如果我們刷新快，直到我們得到正確的一個應該是不錯的。
我們要重新播放。
當然。
現在，它可以追溯到新的顏色，每一次它只是說，新的顏色一遍又一遍，如果我贏了那就是它說再次發揮唯一的一次。
所以，一個人真正次要的事情，但我覺得它真的分散注意力的是，當我點擊這些按鈕之一，它周圍有這個惱人的輪廓。
而這實際上是我們的瀏覽器這樣做。
我們可以將其關閉。
我不知道，如果你可以看到在屏幕上投，但有一個藍色的輪廓。
這是非常有害的。
因此，要擺脫我們去我們的樣式表，如果我們選擇我們的按鈕，這裡只是下來，我們可以只寫大綱沒有回去和刷新。
現在，如果我們點擊我們沒有得到它周圍的藍色輪廓。
所以，這就是我想要的遊戲邏輯的事情。
現在，我們要花費一點點時間重構你的代碼。
因此，讓我們回去。
跳轉出來給我的第一件事，這裡是這段代碼，我們有一個硬鍵一個簡單的按鈕，並為每一個聽眾。
而且他們在他們的工作非常相似。
除其中的一個將與三個正方形工作。
另一位工作有六個，但否則他們基本上做同樣的事情。
因此，我們實際上可以減少重複。
和而不是給每個人一個愛迪就是我們要做的是擺脫這些ID，並給他們一個類，他們將共享相同的類。
因此類將被稱為模式。
因此，我們將給予他們一流的模式。
記住一個按鈕或任何項目可以有兩班。
他們只需要用空格隔開。
因此，這有類模式和類選擇。
好。
所以，現在我們就去這裡刪除這兩個按鈕，使按鈕稱為模式按鈕列表以及那將是查詢選擇的文件。
保羅·達特模式。
所以這給了我們兩個按鈕。
然後我們通過模式按鈕將循環。
因此，我們需要為VAR等於零。
比模式按鈕驚人的少。
什麼這也將讓我們做的是，如果在未來，我們要添加一個媒體或普通難度模式或超硬困難模式。
我們沒有，因為我們選擇所有這些，然後使用循環與下面我們就來手工編寫一個每一個我們添加按鈕添加額外的聽眾。
好。
所以在這裡完成的循環。
加上加號。
而我們要做的就是添加一個模式按鈕我點添加事件偵聽器，點擊他們就會離開它在這個現在。
我們再往前走之前，我究竟要註釋掉代碼只是讓我們可以告訴什麼是我們新的代碼運行，當我們點擊這些按鈕之一，我們想要的東西發生。
我們希望發生的第一件事就是要應用的選定類。
所以，現在它只有當我們徘徊。
我們得到的顏色我想這是當我們點擊。
因此，我們需要做的這個點類列表點添加選定的就是這樣這就是我們到這裡，除了我們在做給EASY按鈕和硬按鈕。
我們可以把它只是做這個是指被點擊的東西。
唯一的問題是，我們需要把它關掉原來的為好。
要做到這一點，我們只是要硬編碼此一點，寫模式按鈕零點類列表斑點刪除選定的，然後我們會從另外一個刪除它為好。
所以，因為只有兩個按鈕。
這不是一個問題。
我們正在做的是從兩個按鈕移除它只是為了安全起見，然後將它添加到我們剛剛點擊的那個。
因此，如果我們測試了這一點，並刷新。
你可以看到，它只是被添加到我們剛剛點擊了一個，它是從另一個去除。
所以我們下一步需要做的就是在這裡加入了大量的邏輯，這些按鈕。
因此，我們需要弄清楚有多少平方顯示挑選新的顏色，然後我們需要選擇一個新的挑顏色這是我們正在努力試圖單擊顏色。
然後最後我們要更新網頁，以反映變化。
因此，要做到這一切，我真的要做出一個新的功能和作用，我只是要叫它復位，這就是我們要去，因為我們重複這些步驟在一些地方使用的東西大量採摘新的顏色選擇從顏色數組的新挑顏色，然後更新頁面，以顯示新的顏色和位置更新此顯示。
我們正在做這一切的時候，所以我打算乾脆把所有的功能。
所以我們需要做的裡面這個功能實際上，我只是去把它從這裡往下複製。
我們已經在這裡做到了這一點。
我打算在複製到我們的重設，就像這一切。
讓我們來看看發生了什麼。
所以復位或生成隨機顏色，而不是依賴於麻木廣場變量，然後我們選擇一個新的顏色我們正在改變顏色顯示的內容。
我們有這樣的文字內容等於新的顏色。
而且，實際上是行不通的，因為這裡曾經是指復位按鈕。
而這是在中心復位按鈕的事件中。
我們現在是不是所謂的復位一個單獨的函數。
因此，我們需要硬編碼，作為復位按鈕。
然後，我們改變了信息顯示為空。
然後，我們通過所有的方塊循環，我們正在更新他們的顏色。
然後，我們改變的8背景：1回藍。
如果我們只是調用，而不是在這裡我們只是運行復位。
還有一個小問題，就是我們永遠更新麻木廣場。
所以，當我點擊按鈕，方便你想改變的變量是三的平方。
當我點擊硬鍵要改變它是6。
因此，要做到這一點去分鐘就在這裡，如果語句添加了所有我們能做的就是如果文字內容編寫。
所以被點擊，如果文本內容等於容易的按鈕。
我們現在要做的是說麻木平方等於3 L的格數等於6。
然後，我們會打電話給其中會使用到麻木的廣場，你可以看到在我們的復位功能這裡的復位功能。
我們使用了一些廣場撥打我們的生成隨機顏色的功能。
因此，我們需要更新一些廣場，我們正在做的就在這裡它。
實際上，有寫這個，有些人的忠實粉絲更短的方法。
這就是所謂的三元操作符。
所以我要把它先寫，然後我會談談它是如何工作。
所以本文內容等於等於平等。
簡單的問號。
麻木廣場等於三結腸麻木平方等於六人。
所以在這裡這一行做同樣的事情，因為這些四行就在這裡。
這五行。
因此，它被稱為三元操作符。
有三個部分它。
的第一件事是條件。
所以，你可以閱讀，彷彿本文內容等於容易則不平方等於3，否則沒有廣場等於6。
所以它只是一個寫這篇方式。
我會保持這樣。
通常，如果我們只是有快速一條線的if語句，我們正在一個值設置為兩種不同的可能的選擇是一個很好的用例的三元操作。
我們仍然有，雖然這是我們從來沒有真正隱藏的問題。
或顯示平方正確的號碼。
所以，如果我刷新會發生什麼。
我們開始困難模式。
這工作正常。
一切的工作原理相同。
如果我點擊容​​易，雖然我們仍然有六個正方形在這裡，你會看到底部的三個就是不改變顏色，因為我們只生成三種顏色。
所以我們需要做我們復位功能，而不是我們需要考慮這一點。
所以，在這裡，而不是這個循環，我們正在改變方塊的顏色相匹配從顏色陣列的顏色。
如果有colors數組中只有三個項目是我們真正需要做的是隱藏其他三個廣場。
所以我打算寫與if語句，我只是要檢查是否有顏色漆。
我還做別的事情。
所以，如果有我們要繪製或更改正方形的背景顏色的顏色。
我是那種顏色，否則，我們需要改變我的正方形顯示給沒有了。
和需要的樣式來顯示就這樣。
因此，這將然後隱藏它為我們。
所以，如果我點擊EASY按鈕會發生什麼我的色彩搭配三個項目都是通過六個正方形和复核循環數組。
如果存在匹配平方和為前三個會有顏色。
因此，我們將背景色設置為從陣列的顏色。
但過去的三種顏色我將是否定的。
或者實際上是不確定的。
不會有一個顏色那裡。
所以這是假的。
而發生的事情是那麼我們將顯示器設置為none。
所以，我會告訴你如何工作的刷新。
如果我點擊容​​易底部的三個消失。
請點擊我們很容易得到三個新的顏色。
讓我們玩遊戲。
在那裡，我們走了。
我們確實有一個問題，但它是，如果我點擊一個硬我們正在改變所有六個方格有一個新的複方新諾明顏色，但我們不是躲在底部的三個會做繞過這是我們給一個新的背景前右顏色的正方形。
我要繼續前進，再告訴他們。
所以，這將是正方形我以為風情展示等於塊。
所以這就是我們如何把他們帶回來。
而我們只是要做到這一點，以全部六個。
沒什麼大不了的。
因此，如果我們給他們一個背景顏色，我們只是要始終確保它們是可見光第一。
因此，如果我們刷新他們去容易，我們有三個玩遊戲。
我點擊辛苦。
現在，我們送六呼叫者。
來玩個遊戲。
在那裡，我們去點擊容易，我們回去三種。
好吧。
所以你可以看到，我們在這裡清理了大量的代碼。
這曾經是很多時間。
它像長至少三次。
和兩個不同的被點擊的聽眾，現在我們的代碼是比較通用的。
如果我們想增加一個中等難度按鈕所有我們需要做的是在這裡改變這一行，我們將有一個諾特爾格數。
也許我們需要5格，或者我們想要一個超高難度的水平，我們有10平方，我們只需要改變一些廣場和調用我們的復位功能讓我們可以用我們的復位功能未來的地方其實是當我們點擊復位按鈕。
因此，所有我們需要做的還有取代一切，而不是重置按鈕點擊Lisner只有復位就這樣。
因此，推動了我們的代碼了很多。
我們剛剛擺脫了10行左右。
因此，讓我們回去保存不帶括號。
讓我們去瀏覽器，並確保它仍然有效。
所以，讓我們玩遊戲。
再次點擊播放，並將其重置就好了。
讓我們在輕鬆玩點擊另一場比賽，並重置就好了。
好吧。
因此，我們提高我們的代碼頗有幾分。