所以我們現在有兩個不同的事情，我們可重點關注。
第一個是改變顯示這裡是綠色的獲獎玩家，那種是非常簡單的。
而第二個是獲得復位按鈕的工作，使我們可以重新設置並再次播放。
因此，讓我們先從顏色變化，我要去通過在綜援文件中定義一個類來做到這一點。
所以，我需要做一個（C S）S檔，我只是要調用記分員。
çSS然後我要去，而不是鏈接到它在我的HDMI文件記分員Dotsie的SS和保存。
然後我會去我的綜援文件，並定義一個類，我會叫它冬天，我要說的顏色是綠色，這就是我們所需要的，並會保存。
而只是為了檢查它看起來我希望它的方式。
讓我們只是將它添加到跨度，以便會說階級平等相待，我們只是給它一個類獲獎者從一開始走的球員1顯示。
如果我刷新你可以看到，我們得到一個綠色的0。
這正是我們希望作為一個增量。
當然，我們希望它開始為黑色，只添加類。
當比賽結束了，所以我們需要回到我們的javascript和擺脫這一點。
如此這般回黑色。
現在去我們的JavaScript。
所以我們剛開始供玩家1，我們需要檢查，如果玩家1分等於奪冠的成績。
這意味著，玩家一個人贏了。
因此，在這裡我們要添加到播放器1顯示類列表。
我們將添加類冠軍，這就是我們要做的。
因此，如果我們刷新你會看到我的球員遞增1分，並獲得5。
這個類已被添加。
因此，如果我們看一看這裡，我會檢查它。
沒有課，我不斷遞增，直到我們得到5。
注意正確的這裡，我們得到類的equals獲得者加當我們到達5。
所以我們會做同樣的事情玩家2。
所以，如果玩家兩個分數的奪冠成績將改變玩家可以顯示。
讓我們來看看這增加至5。
大。
一切似乎都工作得很好。
所以接下來的一段也越來越復位按鈕，現在的工作。
如果我們得到遊戲結束它始終設置為true。
有沒有辦法來改變遊戲結束。
所以點擊復位按鈕需要觸發的代碼的一些不同的線路。
第一個要更改。
播放器1的分數和玩家得分回到零。
我們要改變這裡的值是顯示在玩家1顯示器和播放器顯示是零，我們要刪除這個綠色類從哪個元素它在。
然後最後一件事是，我們需要確保遊戲結束追溯到是假的，這樣我們的代碼在這裡可以再次運行。
所以，第一件事情，我們需要選擇我們給它的ID等於重置按鈕。
因此，我們需要在這裡走了過來，只是選擇它。
因此，我將與其他按鈕做為止。
復位按鈕等於文檔點，我們將通過ID做一套GET元素，這一次的ID被重置，並保存，然後就檢查它的工作原理。
做一個恆定的日誌。
復位按鍵和刷新。
如果我們在控制台看看我們得到我們正確的按鈕。
它已經得到了取消記錄。
行，所以我們應該將我們的事件偵聽器上的復位按鈕點擊啟動，以便重置按鈕事件偵聽器，點擊我們的回調函數，所有我們想做的事情再次啟動只是取消剛剛點擊該日誌復位，以確保它的工作原理還有我們各走各的復位按鈕被點擊。
因此，邏輯但正如我們討論，我們需要設置。
播放器1的分數和玩家得分回到零。
所以這是簡單明了。
玩家1的比分零球員得分為零。
但是，如果我現在運行這個權利，我只能改變球員1得分球員得分為零和增量，這樣的球員1勝然後單擊復位。
好像沒有任何反應，這就是因為我們只更改JavaScript中的得分。
我們從來沒有更新了分數在頁面上所以這些都是我們需要更新P1和P2顯示變量。
所以我們要做一個顯示文本內容，我們可以只是將其設為零。
我們還可以將其設置為1的比分。
它們都應該是零。
所以，同樣的事情皮特來顯示文本內容是零。
如果我們現在刷新，我們得到5。
他們倆都回到零。
因此，讓我們仔細的比賽。
並點擊復位兩個回零。
接下來讓我們刪除的贏家條款。
這會不會從兩個刪除贏家類做的簡單方法。
因此，我們甚至不會檢查哪一個有它。
我們只從兩個刪除它。
這只是一個顯示的問題。
類列表中刪除的贏家。
這樣就擺脫條款，也將做它來顯示。
所以，哪一個都有它也不要緊，因為我們從兩個刪除。
因此，如果我們玩一個遊戲，我們得到一個勝利者。
我點擊重置。
他們都回去只是一個空白純文本。
但正如你所看到的，我得到五。
我點擊復位按鈕仍然不起作用。
那是因為比賽結束仍然是正確的。
所以，沒有我們的代碼，而不是這些事件將運行。
因此，我們需要做的最後一件事是設置。
遊戲結束回假，應該使我們能夠繼續打球。
因此，我將刷新增量。
讓我們在拿到全場。
在那裡，我們走了。
我不能再玩了。
我點擊重置，現在比賽結束了又回到了假，我可以再次發揮，然後繼續前進。
所以這是核心功能在這裡。
我們幾乎都做了最後的方法是找播放以數字或奪冠成績是一個變量。
所以，它並不總是短短五年。
因此，我們有這個輸入我們想要使用此這樣，當我將其更改為有七這是說打7和我們最大的還是我們的奪冠成績為七而不是五個。
因此，我們有幾步到那裡。
我們需要做的第一件事是選擇此輸入你可以看到，我們有輸入類型等於號。
它的頁面上的唯一的輸入。
所以，我們不必給它一個ID或任何東西。
所以我要在這裡走了過來，只是與我的其他選擇VAR選擇它。
就讓我們把它叫做沒有輸入等於文件，並有很多的得到它能做的文檔查詢選擇輸入方式。
我們也可以只在指定。
類型等於數量，因為可能有其他投入。
在我們的例子，我會保持簡單。
這裡只有一個輸入。
因此，這會工作得很好。
好。
因此，我們有選擇的輸入。
所以，現在讓我們來添加事件。
因此，我們要發生什麼的是，任何時候這改變的價值，或者我們希望這個更新這個數字的變化，我們希望獲勝的比分變量更新為好。
因此，我們需要做的是添加事件。
所以，我們還是要麻木了，把點過的事件Lessner點擊只是做在這裡這樣。
功能和所有做一個警報。
點擊輸入，您將看到的是實際點擊監聽器是不是這個職位的最佳工具。
因為是的，我們可以用點擊更改值就像我只是做了那裡。
但我也可以打刪除並鍵入一些自己和任何情況下被解僱，因為我沒有點擊。
所以，如果我在這裡使用的小按鈕快速的事件觸發。
否則，如果我只是用我的鍵盤，我們沒有得到一個快速的事件。
因此，有事件的另一種類型的這是在這種情況下，被稱為改變好得多。
因此，一個改變事件將運行任何時刻的價值變化，這不要緊，價值如何改變。
如果是因為我點擊或按下Delete鍵。
因此，讓我們真正改變警報這裡說改變了輸入，然後刷新。
如果我點擊此處更改它，它告訴我，你改變了輸入。
但是，如果我刪除，我輸入一個數字不涉及點擊它也告訴我，我改變輸入，這樣的偉大。
這是我們要使用更改事件的價值變化，我們要在這裡更新這個數字隨時活動，我們也希望讓我們的比賽繼續去，直到我們打新的奪冠成績來更新我們的奪冠成績。
但願這不是我們的實際奪冠成績。
剪刀石頭布的絕對漫長的遊戲。
所以，第一件事情就是在這裡更新此值。
所以就像之前我們需要選擇它，它是一個段落。
因此，我們需要選擇我們的款，我會只是做一個VAR段落等於文檔查詢選擇標記。
然後在這個快速的事件我們只是改變文本內容，我們將僅僅只需更改它說單擊或假設值改變開始。
就這樣和刷新。
現在，如果我改變款的變化說值更改了該值，但是這是我們遇到了先前的H-1我們同樣的問題，我們不希望改變整個段落。
我們只希望改變這一小部分。
所以我們要使用的實際上是另一個跨度。
因此，我們將回去，我們將添加在號碼的跨度。
這是一個跨度再次在這裡我們可以用它來定位一個元素而不是整個事情的只是一小部分完美的使用。
而實際上，我不打算給它一個想法，這個時候只是告訴你選擇它的另一種方式。
因此，只要記住它的跨度，而不是一個段落。
它就像我們的頁面上唯一的一個。
因此，我們會回去。
因此，而不是選擇段落讓我們創建一個新的變量，我們就叫它的奪冠成績顯示，這將是文檔的查詢選擇。
但是，而不是僅僅跨越因為有我們要選擇的段落裡面跨度頁面上的其他跨度。
所以，這就是我們必須寫。
P空間。
跨度。
我們會保存。
現在，讓我們繼續和更新的奪冠成績顯示在這裡，而不是段落。
所以奪冠成績顯示這樣。
它仍然不會是完美的。
它只會更新值改為每一次，但至少它沒有更新整個段落。
因此，下一步是得到了更新，以顯示裡面輸入是如此的值同步在一起的數量。
因此，我們還沒有真正看到我們是如何從一個輸入獲取數據。
我們如何獲取當前值。
我要你通過選擇輸入顯示在這裡。
因此，記錄該查詢選擇，我們要做到在控制台輸入，我打算把它保存到一個變量，因此稱它為無功輸入文檔來自Taqueria選擇您的輸入，然後我們會做一個輸入DAAT值。
使值將是任何包含在該輸入任何值的字符串。
所以，如果我更改為7，我運行代碼再次，我得到7。
如果我讓一個龐大的數字，這次我再做一次，它反映的任何值是此輸入的內部。
所以我們要改變，而不是字符串值，改變了這種充分利用這一點。
我們要改變它是Nahm輸入點值，這樣就從這裡拿這個值改變奪冠成績顯示文本內容。
因此，我們刷新，我更新這個和您可以現在同步在一起。
因此，正如我更新這是一到三個我的演奏或贏取的比分顯示屏也更新為1〜3。
所以當然我們不打123。
我們還在打五。
那是因為我們的邏輯是不是反映了這種新的輸入值，所有它的反映是我們原來的奪冠成績為5。
所以，我們也想換下來這裡有奪冠的成績為等於麻木輸入值和保存。
現在，讓我們嘗試改變這讓我們打三，我們點擊，你會發現我們得到了一些怪異的行為。
因此，它並沒有停止，甚至五。
它只是讓去，直到永遠。
因此，這是一個與不同類型的數據字符串和數字的和比較他們的雙等於對三聯等於做一個有趣的錯誤。
因此，要深究它讓我們做一些缺點。日誌記錄。
因此，我們知道，所有這一切的癥結就在這裡這條線或這條線在這裡，我們正在檢查，如果玩家有一個，如果玩家的得分等於奪冠成績。
這就是當我們設置遊戲結束是真實的。
而這還沒有結束發生，因為現在的遊戲。
如果我們改變了比分。
遊戲結束是永遠不會改變。
它總是假的。
因此，一些與這條線去錯了。
因此，讓我們做一個抵消日誌，我們要做兩件事情。
我們只是打印出來的球員比1的比分，我們就會打印出的奪冠成績，我們可以用逗號將它們分開，他們只會把它們打印在同一行。
只是用康斯托克日誌快速值得注意的是，我們將如何調試現在，但我們將在後面談到調試更先進的方式。
所以，我會刷新，如果我們開始，我們就來看看玩家增加1分，你可以看到，我們得到三個，我們正在把它比作排名第五。
所以玩家1的比分為三奪冠成績是五。
但只要我改變這是假設7，現在我點擊。
玩家1我們現在比較播放器1的比分是數四的奪冠成績是字符串七人。
因此，再次刷新，如果我只是有五個開始。
它的工作原理就好了。
但是，如果我改變這一點，現在我們把它比作數字和字符串，這不會為我們工作，因為我們在這裡做的三重等號。
因此，我們可以做雙等號，但你知道我不是這方面的一個迷。
所以，我們要做的，而不是在這裡往下走，只是藉此，把該值並把它變成一個字符串。
所以數量就這樣資本和數量，然後傳中，把價值，那麼這將變成一個字符串，並將其設置為贏取的比分。
所以，我們是新鮮的。
現在，這工作得很好。
我們得到了五，但如果我們也改變這是我們的比賽就結束了在2。
還有，我們需要關注的是，如果我們玩遊戲到五這就是我們開始做一個小小的問題。
如果我通過中途決定我想在最大比分改變奪冠成績。
我們的代碼，現在不處理得非常好，因為如果我現在改變這個我們只打三個。
我們有處理這種兩種不同的方式。
第一個是重置得分和一切回到零。
和另一種是繼續發揮到五個。
但是，什麼是實際發生的情況是，我們打三，但我們已經通過三種。
所以，因為我們已經通過它我們的代碼並沒有真正的工作了，因為我們是在說謊，它只是檢查是球員的得分等於奪冠成績。
這不是檢查，如果它比奪冠成績越大。
因此，如果我們可以改變這一點。
所以說，如果它比奪冠成績大於遊戲就會結束，這很好。
但我認為，更好的辦法是，每當我們改變最大比分重置為零，因為我們從來沒有真正中途遊戲改變最大比分反正我們會想重新開始比賽，並且我希望我們能夠做到這一點的另一個原因是這是一個很好的用例很短的重構。
所以，當我們在這裡改變比分是奪冠成績。
我們要重置的遊戲，這是我們在這裡正在運行相同的邏輯。
因此，我們將做到這一點很簡單的只是要複製出這個代碼，並創建一個名為復位新的函數。
因此，功能復位只要把所有這些代碼在那裡，然後一次輸入的號碼變化，我們只是要運行復位。
所以，你會看到我在這裡重新打五。
這工作得很好。
我們得到五。
我點擊重置，我們沒有所謂的復位功能這一事件偵聽器裡面，所以我們需要增加我們的復位功能調用。
現在如果我們刷新我們得到5。
我點擊重置。
這一切都很好。
而現在，如果我在比賽中，我改變它也會重置我們的得分，現在我們玩到1。
和它的作品。
或者，如果我改變。
所以，我們現在玩到7。
它重置我們回零。
所以，如果我決定你知道這其實是一個遊戲去2而是它改變了規範為零。
我們不必擔心如何處理它。
如果我們改變一半。
所以我們正在做的是只是該復位製作一個單獨的函數乾涸的代碼，而不是在這裡和這裡往下複製這一點。
所以這是它現在。
這就是我們需要做的。
你們有些人可能會想，如果這個代碼是真的，我們可能會做到這一點的最好辦法。
答案是不。
如果你仔細查找原因，你會發現它是非常相似的。
它基本上只是我們做一起來這裡和P2到這裡一樣。
但是其他單詞是一樣的。
因此，有重構使之成為一個更好一點的這種更先進的方式。
但我不打算這樣做，因為在這裡我只想關注的是，我們如何從概念上可以採取的JavaScript事件偵聽器選擇主導關係和互動高清海事組織和這就是我想要把重點放在什麼。
但是，僅僅知道，我們將看到的方式，使這樣的代碼看起來好一點點一點點短。
有一件事我們可以做下來這裡把，在事件偵聽器。
我們可以只需更換輸入麻木這裡的話，這是一個微小的變化，但我們可以做到這一點，只是縮短它的代碼一點點。
所以這個如果我改變我們現在打三個。
一切仍然有效一模一樣。
我只是用這個關鍵字是指無論事件偵聽這是號碼輸入。
好吧所以這是它這一課。
正如我在未來的項目中提到，我們要建立一些更大幅度的，我保證它會看起來很多比這更好的在這裡做。