歡迎回來。
所以，到現在為止一切，我們一直在做圍繞在宿舍和主導的關係事件和事件監聽器和轉儲我們剛才一直在做一休快速練習，沒有真正達到多大的字母。
而這僅僅是為一種展示個人作品，他們是如何工作的。
現在，我們要看看他們是如何協同工作，並作出有點實質性的應用程序。
因此，大家可以看到這是不是最漂亮的應用程序，是未來。
我們只是專注於部分是如何在概念組合在一起在這裡，我們如何利用我們如何選擇元素我們寫他如何如何，以及這些都結合在一起歲事件。
造型僅僅是額外的。
在這一點上，但我們做下一個項目。
我們要去的地方很多精力放在造型，使它看起來不錯。
我承諾。
所以，我們要作出一個簡單的評估機制的應用程序。
所以，我希望你能回想起那些你一直在玩剪刀石頭布與朋友或乒乓球或井字次，並保持比分的軌道，因此很難知道誰贏了這一點只是這麼累程序是為你，它的工作方式。
兩名球員球員1分的球員得分。
您加載的頁面，它告訴我們，我們正在玩到五年。
所以，我們所要做的就是通過點擊按鈕添加一個點。
所以要加一個點，玩家1我們點擊播放器1如果我們想補充一點，玩家點擊播放器2，然後誰得到五。
你注意到它變為綠色。
如果我試圖再次將比分我不能。
這是因為遊戲就結束了。
因此，我可以通過點擊復位按鈕復位。
而現在頂級球員兩個完全掃，就是這樣，我們不能再玩了。
和快速復位。
因此，多一個特點是，我們還可以指定我們玩什麼。
所以，如果你想有一個遊戲，去，直到7點我可以在這裡用這個號碼輸入，那麼我要做的就是讓我們這個更密切的比賽和球員一位剛剛在最後4:53和遊戲偷偷通過7結束，球員1變為綠色，我們不能添加任何更多的點，然後我們可以重新復位。
所以，這就是我們要重點建設在這裡。
所以，我們要做的第一件事就是讓我們的文件進行設置，然後創建轟球隊大號結構，然後我們就用JavaScript去，使工作的事情。
所以，讓我們開始吧。
所以，我有一個空白，我會記錄。
我打電話是記分員點^ h蒂莫要在我們的樣板增加，並給它一個標題就這樣。
然後，我必須談論我們正在尋找在這裡什麼開始。
因此，這不是H-1 H1，我們將最終改變這一點。
我們不希望它僅僅是因為有這種H-1，它需要像玩家1分2個球員得分裡面兩件事情固體1 H之一，但我們需要的是能夠從這個單獨選擇此項。
因此，我們確實想辦法這個H1分成小塊。
所以我們會看到我們如何能做到這一點的只是一點點。
因此，下這是你玩到一個段落。
讓我們正好打七開始。
還是讓我們做5。
我想怎麼過的。
然後，我們在這裡有一個輸入。
這是輸入類型等於號。
因此，輸入類型等於號，這就是我們所需要的。
然後，我們有我們的第一個按鈕。
玩家1或第二個按鈕播放器2。
而我們的最後一個按鈕復位。
因此，如果我們刷新此頁面，現在我們開放，我們創建了自己的網頁。
讓我們來看看。
他們看起來幾乎相同。
放大這個看起來恰到好處一點點。
當然，沒有任何反應，當我們點擊任何東西。
所以，現在讓我們在我們在JavaScript。
所以，我要創建一個新的文件，我要叫它記分員J.S.就像我總是做或在此處添加我的警報已連接。
然後我會去到記分員或H T M L，包括我的劇本，我要去底部做這裡開始。
因此，腳本類型調用JavaScript源等於記分員。
是就這樣。
現在，如果我們刷新。
這是我的網頁版本，它告訴我的javascript連接警報。
好吧。
因此，我們有我們的電子郵件設置。
看起來不錯。
我們現在需要做的是讓一些JavaScript代碼，實際上添加一些功能。
和往常一樣，我們需要通過選擇不同的元素開始。
因此，讓我們通過選擇按鈕啟動，讓我們只是做球員之一，球員或兩個按鈕，當我們點擊這些按鈕的得分應該在這裡增加了一個我們將重點放在第一個特徵是。
因此，我們需要做的就是通過選擇播放器一鍵啟動，如果我們看看這只是我們可能想在ID添加，所以我們會打電話給這一個，在這裡完成，我們將添加一個用於P2一個按鈕，然後就可以還可以添加一個用於我們只需要調用重置復位。
所以我們現在有三個想法。
所以它更容易選擇。
我們只是把它稱為VIP一鍵相當於文件查詢選擇。
或者，我們可以通過ID做得到的元素。
我會在這裡混合起來，以便第一個將與查詢選擇P1和P2，然後做。
按鈕將文件點，我們會盡度日id元素，我們不需要，八索普了。
所以這給我們的兩個按鈕。
讓我們剛剛成立了我們的第一個聽眾，當我們點擊這個第一個按鈕將提醒或取消該日誌的東西。
因此，我們要編寫P1按鈕並單擊添加事件偵聽器，然後我們在這裡添加我們的函數。
而該函數內部，我們只是要提醒警惕點擊，僅此而已。
所以，如果你刷新我們的頁面，然後重試一下偉大的，告訴我們正確選擇，我們正確添加我們為Click事件偵聽器。
玩家2雖然沒有做任何事情，因為我們只補充說，給玩家1按鈕。
所以，現在讓我們來談談這將如何實際工作。
當我點擊這裡，我們需要有一些變量，就是所謂的播放器1的比分或者一些跟踪多少分。
玩家一個人，我點擊它應該增加一個球員比1的比分，然後在最後一部分在這裡更新此反映玩家1的比分。
所以我要做一個變量，讓我們叫它1的比分，並將其設置為零啟動。
然後將所有我想要做的就是當我們點擊我們將開始只是總是添加一個玩家1的比分。
所以這也只是一個得分加再加。
就這樣。
並且我們刷新，我們沒有看到任何東西，因為我們也許應該取消該日誌。
他贏得了第一分，而不是警告。
它變得很煩人的速度非常快，如果我們現在刷新，打開控制台，並麥庫克播放器1的比分，看看是怎麼回事。
一二三四五，它會一直持續。
因此，有一些問題。
一個是我們這裡沒有顯示成績和兩個它說我們玩到五年。
而這顯然不是因為我們只是遞增它就像我們希望的情況。
因此，我們需要有一些邏輯說，如果超過五場比賽結束或者類似的東西。
但是，讓我們搞清楚我們如何更新此H1開始。
所以，我們可以做的只是選擇H-1啟動。
因此，讓我們叫它遠。
H1等於該查詢選擇器H-1就是這樣的文件。
然後這裡裡面，我們只想說H-1個點的文本內容等於一分就這樣。
因此，我們要採取這一個，更改文本內容是什麼得分，我們是沒有記錄。
如果我是here以及諸如此類的作品，但你可以看到，我們完全推翻，這是每個人內心的一切。
我們希望保持兩個，另一個分數。
我們只是想改變這個數字。
因此，有這樣的一種方式，使用一些額外的小時，男性，使她的生活變得更加簡單，如果我們回到我們的記分員但每次l我們打算引進一個span元素。
和跨度的工作方式是，它只會圍繞著比分的數量換行。
所以，這是什麼意思是我們現在可以，如果我檢查一下。
沒有什麼看起來像它的變化，這是一個跨度的點。
這只是一天的非侵入式，如果你將只是一個包裝的東西有一些標籤，然後就可以在以後使用或風格的不同，或使用JavaScript選擇這正是，如果我們尋找H-1，我們會做的，但在這裡，我們現在的方式有一個特殊的跨度包裝該號碼。
因此，如果我們選擇跨度和更改僅跨越我們仍然將有陳濤和我們的間距正確，其他得分。
因此，我們要選擇的跨度和將再次只是做一個ID在這裡。
所以，跨度和我們就稱之為P1的顯示就這樣。
現在，我們需要去我們的記分員ĴS和改變一些東西。
所以我們並不需要選擇H-1更多的擺脫這一點。
我們要選擇遠一台顯示器等於文檔獲得，讓我們只為再次各種查詢選擇做查詢選擇。
我們稱之為P1的顯示，這樣只會給我們的跨度，如果我們要檢查的是工作。
為什麼我們不只是做一個音樂會跳馬日誌就在這裡。
曾獲顯示剛剛看到，當我們加載頁面刷新它應該打印出來確定。
正確地選擇我們的spand。
好。
所以，現在我們想要做的，擺脫那就是添加一個比分。
我們可以擺脫我們的其他缺點的。但登錄，而不是改變對整個H-1的文本內容。
我們只是想改變我們的P1的顯示這是這個小跨度就在這裡。
如果我們刷新現在有我們走。
因此，我們得到的球員1顯示更新播放器2仍然不能做任何事情，但我們有這個功能的工作。
因此，讓我們做同樣的事情，供玩家2。
所以，我就回去加在我們的周圍零檔ID的另一個跨度等於顯示，然後移動到零之間。
我們沒有刷新應該看不同的，但是我們現在有兩個跨度。
所以你可以看到，然後讓我們回到我們的記分員Ĵ我們，讓我們在兩個新的變量添加。
因此，我們需要顯示跨度玩家需要使用該ID以選擇它。
我將再次使用查詢選擇。
然後，我們需要得分的球員，以他的一個變量，我們不希望他們只是為了同樣的比分。
顯然，我們需要跟踪其值的兩個分開的方式。
所以，我要做的第一件事就是考驗我們的球員按鈕正確選擇。
所以，我只是打算做一個音樂會跳馬日誌玩家按鍵，只是看看它打印出來。
如果我們刷新，我們看一下利弊。你可以看到的東西是歪。
我們所選擇的選手一個按鍵不是玩家兩粒扣。
所以，什麼是錯的我們的選擇。
你可以在這裡看到我們通過ID P1元素，它是一樣的東西，我們不得不在這裡。
因此，我們需要選擇P2來代替。
好了，所以現在說的照顧，如果我們刷新我們獲得按鈕的ID P2這是偉大的。
現在，讓我們在我們的監聽器添加。
所以皮特按鈕廣告事件偵聽器點擊，我總是喜歡用剛打印出來的東西或提示東西日誌P2點擊就這樣刷新啟動。
而我們得到P2點擊我們的球員一個靜止的工作和P2是運行一些代碼。
現在，我們只需要把正確的代碼在那裡。
如果我們看一看我們所做的為玩家1按鈕，我們需要一名球員得分可變增量啟動。
到目前為止，P2得分。
並應在零開始為好。
然後，我們就來到這裡，只是改變這是P2分數加上我們，然後我們需要在我們還沒有選擇的顯示更新它。
所以，我們還需要選擇一個跨度。
記住跨度這裡P2顯示的ID。
因此，我們要做到這一點。
她要複製該行並將其更改為顯示文件Duckery選擇P2顯示，然後我們就只是改變文本內容的顯示等於玩家得分。
因此，讓我們一起來看看。
點擊播放器1目前仍然可以工作。
怎麼樣的球員2的工作為好。
好。
因此，有沒有結束我們的遊戲現在。
這只會繼續下去，直到永遠。
因此，我們需要在添加該功能工作。
而我們要做的，該方法是用那將跟踪我們的遊戲狀態的變量。
因此，我們的遊戲有兩種狀態。
第一種是正常狀態，現在，我可以點擊我在哪裡可以玩遊戲。
和第二狀態會是什麼，我們可以稱之為遊戲結束如果有人有一個。
因此，我們需要兩個狀態，我們可以使用一個布爾值模型，只是真或假。
而且我要叫它遊戲結束為止。
遊戲結束並可以通過啟動此假的，因為遊戲。
在遊戲開始時不正確的。
然後呢，我們要做的是，我們將更新遊戲結束取決於是否有人贏是真還是假。
因此，如果有人在獲得五場比賽，現在應該是真實的，這應該意味著我們將無法再更新得分和我們有打復位，然後復位應重新進行比賽結束了假，並開始所做的一切。
因此，讓我告訴你我是什麼意思。
我們要做的第一件事就是再添變數。
我要叫它奪冠成績。
而這只是將是等於5。
這樣的變量是我們要怎樣來比較的球員1和球員得分2。
因此，我們要檢查作為球員1的比分達到了奪冠的成績，如果他或她。
然後，我們需要說遊戲結束是真實的。
因此，邏輯看起來是這樣。
將有一個if語句，它只是將會是什麼樣的，如果沒有達到比賽還沒有結束。
所以，如果沒有那麼多，我們打算讓你添加的比分只是喜歡這個遊戲。
當我現在運行這個權利，你不會注意到有什麼不同。
它將工作完全相同的方式供玩家1那是因為比賽結束始終是假的。
它永遠不會改變。
所以我們當要改變它是真實的。
那麼，當有過一場比賽。
當發生這種情況是當用戶得分，所以當播放器1得分等於中獎得分。
我們添加一個玩家1的比分所以經過我們只檢查，如果讓我們做一分等於三倍奪冠的成績。
所以，如果它們彼此相等接下來就讓我們通過只是說康塔多開始記錄。
遊戲結束。
就這樣。
如果我們刷新，並檢討我們的領事，我試圖改變這個到目前為止這永遠不會發生，這是不正確的。
不過這一次我添加一個球員一個刻去到五。
我們正在檢查，如果球員1分等於奪冠的成績，我們可以得到遊戲結束到這裡。
因此，而不是僅僅是取消鎖定遊戲結束了，我們其實是想改變這種狀態還是現在。
遊戲結束是真實的。
那麼，什麼會為我們做我會告訴你，如果我刷新它會妨礙我們的得分增加更多，因為比賽結束了是真實的。
這個小小的檢查出現。
它檢查。
它是遊戲還沒有結束。
而如果是遊戲結束沒有這個代碼的運行。
因此，讓我們試試吧。
我到五我卡住了。
我不能增加它了。
不過，我可以去玩家2並增加得分，因為我們的邏輯是只為玩家1。
我們會想要去到這個播放器按鈕進行事件監聽器，並且添加了相同的邏輯。
所以，如果它不是遊戲結束那麼我們會讓你增加得分和更新顯示，然後我們還需要檢查，如果新球員的得分等於奪冠成績那麼它是遊戲結束。
遊戲結束是真的，這意味著用戶沒有用戶或玩家的一個或播放兩者可以繼續遞增比分任何更多。
因此，讓我們檢查這個作品刷新。
OK，我們可以得到五個這裡，我們就大功告成了。
玩家2不工作，或者我們可以得到五在這裡，我們就大功告成了。
和播放器1也不起作用。