1
00:00:00,540 --> 00:00:01,340
Welkom terug.

2
00:00:01,590 --> 00:00:14,330
Dus tot nu toe alles wat we hebben gedaan rond evenementen en event luisteraars in de slaapzaal en dominante relatie en dumpt de brieven die we hebben net gedaan eenmalige snelle oefeningen die niet echt veel voor.

3
00:00:14,370 --> 00:00:17,940
En dat was alleen maar om te laten zien soort individuele stukken hoe ze werkten.

4
00:00:17,940 --> 00:00:22,140
Nu gaan we te zien hoe ze allemaal bij elkaar passen en maak een enigszins substantiële app.

5
00:00:22,200 --> 00:00:25,700
Dus zoals je kunt zien is dit niet de mooiste app die komt.

6
00:00:25,710 --> 00:00:34,490
We zijn gewoon te focussen op hoe conceptueel de stukjes in elkaar passen hier hoe we gebeurtenissen hoe we elementen hoe we hem hoe en hoe die allemaal in elkaar passen schrijven leeftijd te selecteren.

7
00:00:34,500 --> 00:00:35,820
Styling is gewoon extra.

8
00:00:35,820 --> 00:00:37,740
Op dit punt, maar in het volgende project dat we te maken.

9
00:00:37,740 --> 00:00:41,120
We gaan veel aandacht leggen op styling en waardoor het lijkt leuk.

10
00:00:41,160 --> 00:00:42,050
Ik beloof.

11
00:00:42,060 --> 00:00:45,490
Dus wat we gaan maken is een eenvoudige scorekeeping app.

12
00:00:45,570 --> 00:01:00,510
Dus ik wil dat je om terug te denken aan al die keren dat u al speelt Rock Paper Scissors met een vriend of ping pong of Tic Tac Toe en het is gewoon zo vermoeiend voor het bijhouden van de score bij te houden en zo moeilijk om te weten wie er wint, wanneer dit app is voor u de manier waarop het werkt.

13
00:01:00,600 --> 00:01:03,750
Twee spelers speler 1 score speler om te scoren.

14
00:01:03,750 --> 00:01:07,180
U laadt de pagina en het vertelt ons dat we aan het spelen bent tot vijf.

15
00:01:07,260 --> 00:01:10,950
En dus alles wat we doen is het toevoegen van een punt door te klikken op een knop.

16
00:01:10,950 --> 00:01:20,070
Dus om een ​​punt om speler 1 klikken we op de speler toevoegen 1 als we willen een punt player om te klikken op de speler 2 toe te voegen en vervolgens wie krijgt tot vijf.

17
00:01:20,580 --> 00:01:22,010
Je merkt het groen.

18
00:01:22,260 --> 00:01:25,180
En als ik probeer en opnieuw scoren kan ik niet.

19
00:01:25,350 --> 00:01:26,730
Dat komt omdat het spel voorbij.

20
00:01:26,970 --> 00:01:29,760
Dus ik kan resetten door te klikken op de reset-knop.

21
00:01:30,090 --> 00:01:36,420
En nu een topspeler twee totaal vegen en dat is het dan kunnen we niet meer spelen.

22
00:01:36,420 --> 00:01:37,850
En die snelle reset.

23
00:01:37,860 --> 00:01:42,080
Dus nog een kenmerk is dat wij ook kunnen aangeven wat we spelen bent.

24
00:01:42,180 --> 00:02:02,500
Dus als je wilt om een ​​spel dat gaat tot 07:00 heb ik kan dit nummer invoeren hier te gebruiken en dan alles wat ik moet doen is laten we dit nader spel en de speler een net sluipt door aan het einde 04:53 en het spel eindigt op 7 en speler 1 wordt groen en we kunnen niet meer punten toe te voegen en dan kunnen we weer opnieuw in te stellen.

25
00:02:02,850 --> 00:02:04,570
Dus dat is wat we gaan om zich te concentreren op het bouwen van hier.

26
00:02:04,650 --> 00:02:12,410
Dus het eerste wat we willen doen is ons bestand te zetten en vervolgens de H team L structuur en dan gaan we in te gaan met javascript en dingen te laten werken.

27
00:02:12,420 --> 00:02:14,390
Dus laten we ga je gang en aan de slag.

28
00:02:15,090 --> 00:02:16,890
Dus ik heb een blanco ik documenteren.

29
00:02:16,920 --> 00:02:25,580
Ik noemde het scorer dot h Timo gaan aan onze standaardtekst en geef het een titel, net als dat.

30
00:02:25,910 --> 00:02:28,960
dan moet ik beginnen door te praten over wat we op zoek bent naar hier.

31
00:02:28,980 --> 00:02:33,650
Dus dit is niet H-1 H1 en we zullen het veranderen van deze uiteindelijk.

32
00:02:33,660 --> 00:02:47,560
We willen het niet alleen om een ​​solide h één zijn, want er zijn twee dingen binnenkant van deze H-1 die het nodig heeft om als speler 1 score 2 speler om te scoren, maar we moeten in staat zijn om dit apart te selecteren uit deze.

33
00:02:47,580 --> 00:02:51,610
Dus willen we een manier om dit H1 splitsen in kleinere stukken.

34
00:02:51,780 --> 00:02:54,020
Dus we zullen zien hoe we dat kunnen doen in slechts een klein beetje.

35
00:02:54,030 --> 00:02:59,090
Dus de volgende is dit een paragraaf die u het spelen bent.

36
00:02:59,100 --> 00:03:01,440
En laten we precies goed te spelen tot zeven te beginnen.

37
00:03:01,590 --> 00:03:02,310
Of laten we het doen vijf.

38
00:03:02,310 --> 00:03:04,240
Ik denk dat de manier waarop het had.

39
00:03:04,320 --> 00:03:05,830
En dan hebben we een ingang hier.

40
00:03:05,880 --> 00:03:10,050
Dit is input type is gelijk aan het aantal.

41
00:03:10,090 --> 00:03:14,920
Dus input type is gelijk aan het aantal en dat is alles wat we nodig hebben.

42
00:03:15,000 --> 00:03:17,470
En dan hebben we onze eerste knop.

43
00:03:17,880 --> 00:03:23,290
Speler 1 of tweede knop speler 2.

44
00:03:23,490 --> 00:03:27,480
En onze laatste reset-knop.

45
00:03:27,480 --> 00:03:33,300
Dus als we deze pagina te vernieuwen en nu openen we onze eigen pagina die we gemaakt hebben.

46
00:03:33,360 --> 00:03:35,780
Laten we kijken.

47
00:03:35,820 --> 00:03:37,370
Ze zien er vrijwel hetzelfde.

48
00:03:37,410 --> 00:03:41,040
Zoom in een beetje op dit ene, dat ziet er gewoon goed.

49
00:03:41,040 --> 00:03:43,560
Natuurlijk gebeurt er niets als we op om het even wat.

50
00:03:43,560 --> 00:03:46,260
Dus nu laten we gaan in onze javascript.

51
00:03:46,980 --> 00:03:58,940
Dus ik ga een nieuw bestand Ik ga noemen het scorer J.S. creëren en zoals ik altijd doe of voeg mijn waarschuwing hier, dat is aangesloten.

52
00:03:59,290 --> 00:04:06,160
Dan ga ik om over te gaan naar scorers of h t m l en onder mijn script en ik ga het doen op de bodem hier om te beginnen.

53
00:04:06,160 --> 00:04:11,820
Dus script type noemt javascript bron gelijk scorer.

54
00:04:11,970 --> 00:04:14,110
Ja, net als dat.

55
00:04:14,140 --> 00:04:15,290
Nu als we vernieuwen.

56
00:04:15,360 --> 00:04:20,550
Dit is mijn versie van de pagina vertelt het me javascript alert aangesloten.

57
00:04:20,670 --> 00:04:21,310
Okee.

58
00:04:21,540 --> 00:04:23,090
Dus hebben we onze e-mail opzetten.

59
00:04:23,100 --> 00:04:24,260
Het ziet er goed uit.

60
00:04:24,300 --> 00:04:28,740
Wat we nu moeten doen is nog wat javascript code die eigenlijk sommige functies toe te voegen.

61
00:04:28,830 --> 00:04:32,800
En zoals altijd moeten we beginnen met het selecteren van de verschillende elementen.

62
00:04:32,820 --> 00:04:43,660
Dus laten we beginnen met het selecteren van de knoppen en laten we gewoon de speler een en speler of twee knoppen en de eerste functie die we zullen richten op is wanneer we op een van deze knoppen de score zou hier verhogen omhoog.

63
00:04:43,770 --> 00:05:02,190
Dus alles wat we moeten doen is beginnen met het selecteren van die speler een knop en als we kijken het is gewoon een knop kunnen we wilt toevoegen in ID dus we zullen deze en hier gedaan zullen we voegen een voor P2 bellen en dan kunnen we ook een toe te voegen voor de reset dat we gewoon zullen noemen resetten.

64
00:05:02,350 --> 00:05:03,880
Dus hebben we drie ideeën nu.

65
00:05:04,030 --> 00:05:05,620
Dus het is veel gemakkelijker om te selecteren.

66
00:05:05,770 --> 00:05:12,410
We noemen het VIP een knop gelijk document vraag selector.

67
00:05:12,520 --> 00:05:14,490
Of we kunnen krijg element door ID.

68
00:05:14,530 --> 00:05:20,830
Ik zal meng ze hier, dus de eerste zal doen met vraag selector P1 en P2.

69
00:05:20,830 --> 00:05:30,000
Button gaat voor de dot zijn en we doen krijgen element door id en we hebben dat niet nodig Octa Thorpe niet meer.

70
00:05:30,130 --> 00:05:32,030
Dus dat geeft ons de twee knoppen.

71
00:05:32,500 --> 00:05:39,010
En laten we gewoon het opzetten van onze eerste luisteraar toen we op deze eerste knop zal waarschuwen of te annuleren die log iets.

72
00:05:39,400 --> 00:05:49,160
Dus we willen P1 knop te schrijven en voeg evenement luisteraar mee op klikken en dan is onze functie hier toevoegen we.

73
00:05:49,390 --> 00:05:56,870
En in die functie die we gaan gewoon alert geklikt te waarschuwen en dat is het.

74
00:05:57,610 --> 00:06:06,500
Dus als u op onze pagina te verversen en probeer het opnieuw klikken geweldig dat ons vertelt wij juist gekozen en we onze listener voor de gebeurtenis Click toegevoegd correct.

75
00:06:06,640 --> 00:06:11,900
Speler 2 maar doet niets, omdat we alleen maar voegde eraan toe dat de knop speler 1.

76
00:06:12,790 --> 00:06:15,490
Dus nu laten we praten over hoe dit daadwerkelijk zullen werken.

77
00:06:15,550 --> 00:06:22,040
Wanneer ik klik hier moeten we een aantal variabele die heet Player 1 score of iets dat bij hoeveel punten blijft hebben.

78
00:06:22,040 --> 00:06:31,180
Speler een heeft en ik klik erop moet men toevoegen aan speler 1 score en vervolgens het laatste deel wordt het updaten van dit hier voor de speler weer te geven 1 score.

79
00:06:31,420 --> 00:06:36,790
Dus ik ga een variabele te maken laten we noemen het 1 score en zet deze op nul te beginnen.

80
00:06:37,180 --> 00:06:43,480
En dan alles wat ik wil doen is wanneer we klikken we beginnen, maar gewoon altijd het toevoegen van de ene naar de speler 1 score.

81
00:06:43,810 --> 00:06:47,760
Dus dat zal alleen de een score plus plus.

82
00:06:47,860 --> 00:06:49,080
Gewoon zo.

83
00:06:49,630 --> 00:06:54,620
En we vernieuwen en we hebben niets zien, omdat we waarschijnlijk dat logboek moeten annuleren.

84
00:06:54,750 --> 00:06:58,350
Hij won de eerste score in plaats van alert.

85
00:06:58,440 --> 00:07:05,110
Het wordt erg vervelend heel snel als we nu te vernieuwen en het openstellen van de console en McCook speler 1 score en zien hoe het gaat.

86
00:07:05,130 --> 00:07:09,910
Een twee drie vier vijf en het gaat om door te gaan.

87
00:07:10,480 --> 00:07:11,860
Dus er is een paar problemen.

88
00:07:11,860 --> 00:07:17,030
Een daarvan is dat we niet de score hier weergeven en twee het zegt we spelen tot vijf.

89
00:07:17,170 --> 00:07:21,190
En dat is natuurlijk niet het geval, omdat we net zo veel als we willen zijn het verhogen van het.

90
00:07:21,340 --> 00:07:26,940
Dus moeten we een aantal logica die zegt dat indien meer dan vijf game over of iets dergelijks.

91
00:07:27,190 --> 00:07:31,570
Maar laten we beginnen met het uitzoeken hoe we dit H1 kunnen bijwerken.

92
00:07:31,660 --> 00:07:34,480
Dus wat we kunnen doen is selecteert u de H-1 te beginnen.

93
00:07:34,660 --> 00:07:37,260
Dus laten we net ver noemen.

94
00:07:37,460 --> 00:07:45,300
H1 gelijk document dat vraagt ​​selector H-1, net als dat.

95
00:07:45,610 --> 00:07:56,890
En dan de binnenkant van hier zullen we maar zeggen H-1 punt tekstuele content is gelijk aan de score, net als dat.

96
00:07:56,950 --> 00:08:02,720
Dus we gaan om deze te nemen en verander de inhoud van de tekst te zijn, ongeacht de score is dat we zonder in te loggen.

97
00:08:02,920 --> 00:08:10,790
En als ik scoor hier goed, dat soort werk, maar je kunt zien dat we helemaal overrode alles wat was binnenkant van elke één.

98
00:08:10,870 --> 00:08:14,730
We willen de twee en de andere score bij te houden.

99
00:08:14,800 --> 00:08:17,220
We willen alleen maar om dit ene nummer te wijzigen.

100
00:08:17,380 --> 00:08:27,640
Dus er is een manier om dat te doen met behulp van enkele extra uur aan een mannelijke dat haar leven een stuk makkelijker maakt als we terug naar onze scorer te gaan, maar elke keer dat ik gaan we een overspanning element te introduceren.

101
00:08:27,640 --> 00:08:32,870
En de manier waarop de overspanning zal werken is dat het alleen zal wikkel rond het nummer van de score.

102
00:08:33,370 --> 00:08:37,300
Dus wat dat betekent is dat we kunnen nu als ik dit te inspecteren.

103
00:08:37,300 --> 00:08:39,940
Niets lijkt erop dat het verandert en dat is het punt van een overspanning.

104
00:08:40,060 --> 00:08:58,280
Het is gewoon dag nonintrusive als u het is gewoon een manier om iets te verpakken met een aantal tag die u dan later kunt gebruiken of anders worden vormgegeven of selecteer javascript dat is precies wat we zullen doen als we op zoek naar H-1, maar hier hebben we nu een speciale overspanning wikkelen dat nummer.

105
00:08:58,300 --> 00:09:06,460
Dus als we die spanwijdte en verandering die alleen overspannen selecteren We hebben nog steeds de Tao en onze afstand correct en de andere score.

106
00:09:06,460 --> 00:09:10,660
Dus we willen dat de overspanning te selecteren en gaan weer gewoon een ID hier.

107
00:09:10,990 --> 00:09:17,220
Dus overspannen en we zullen gewoon noemen P1 scherm net als dat.

108
00:09:17,800 --> 00:09:21,390
En nu moeten we naar onze scorer J S en een paar dingen veranderen.

109
00:09:21,550 --> 00:09:25,480
Dus we hoeven niet naar de H-1 niet meer om zich te ontdoen van die te selecteren.

110
00:09:25,570 --> 00:09:37,160
We gaan selecteren veruit een scherm gelijk document krijgen en laten we het doen vraag selector voor verscheidenheid opnieuw Query selector.

111
00:09:37,180 --> 00:09:46,440
En dat noemen we P1 scherm, zodat alleen zal geven ons de overspanning en als we wilden om te controleren of dat werkte.

112
00:09:46,650 --> 00:09:51,270
Waarom doen we niet alleen een concert kluis log hier.

113
00:09:51,630 --> 00:09:58,970
Won scherm gewoon om te zien wanneer we laden de pagina te vernieuwen moet uitprinten OK.

114
00:09:59,000 --> 00:10:00,510
Geselecteerde onze spand correct.

115
00:10:00,720 --> 00:10:01,280
OK.

116
00:10:01,620 --> 00:10:05,840
Dus nu wat we willen doen en zich te ontdoen van dat is het toevoegen van de ene naar de score.

117
00:10:06,350 --> 00:10:11,250
We kunnen ontdoen van onze andere nadelen. Maar aanmelden plaats veranderen van de tekstinhoud in het algemeen H-1.

118
00:10:11,350 --> 00:10:17,620
We willen alleen maar om het op onze P1 display, dat dit kleine overspanning hier veranderen.

119
00:10:17,620 --> 00:10:21,160
En als we frissen er nu gaan we.

120
00:10:21,150 --> 00:10:29,400
Zo krijgen we dat de speler 1-display updating speler 2 nog steeds niets doen, maar we hebben deze functie werkt.

121
00:10:29,590 --> 00:10:31,530
Dus laten we hetzelfde doen voor speler 2.

122
00:10:31,840 --> 00:10:44,830
Dus ga ik terug toe te voegen in een andere spanwijdte rond onze zero span id gelijk aan te tonen en vervolgens te verplaatsen naar nul in tussen.

123
00:10:44,910 --> 00:10:48,520
We vernieuwen niets moet anders uitzien, maar we hebben nu twee overspanningen.

124
00:10:48,570 --> 00:10:56,280
Zodat u kunt zien dan laten we terug naar onze scorekeeper J ons gaan, en laat ons toe te voegen in twee nieuwe variabelen.

125
00:10:56,280 --> 00:11:01,740
Dus moeten we overspanning te tonen voor speler nodig hebben om het met dat ID te selecteren.

126
00:11:02,110 --> 00:11:03,660
Ik vraag selector opnieuw gebruiken.

127
00:11:03,900 --> 00:11:09,290
En dan moeten we een variabele voor de score speler aan zijn we niet willen dat ze alleen maar om dezelfde score zijn.

128
00:11:09,310 --> 00:11:13,480
Uiteraard moeten we twee verschillende manieren van het bijhouden van hun waarden.

129
00:11:13,480 --> 00:11:18,710
Dus het eerste wat ik wil doen is test die onze speler knop correct is geselecteerd.

130
00:11:18,730 --> 00:11:25,980
Dus ik ga gewoon naar een concert kluis log speler doen om knop en gewoon zien wat het wordt afgedrukt.

131
00:11:26,710 --> 00:11:32,160
En als we vernieuwen en we kijken naar de nadelen. U kunt zien dat er iets mis.

132
00:11:32,200 --> 00:11:35,090
Wij selecteerden de speler een knop niet de speler twee knoppen.

133
00:11:35,250 --> 00:11:37,230
Dus iets mis is met onze selector.

134
00:11:37,250 --> 00:11:43,190
U kunt hier zien we selecteren element door id P1 dat is hetzelfde als wat we hadden hier.

135
00:11:43,210 --> 00:11:45,450
Dus moeten we P2 in plaats daarvan te kiezen.

136
00:11:45,820 --> 00:11:52,870
Ok dus nu dat die zorg dragen voor als we frissen heeft genomen krijgen we knop ID P2 dat is geweldig.

137
00:11:52,920 --> 00:11:54,640
Laten we nu aan onze luisteraar.

138
00:11:54,660 --> 00:12:11,920
Dus Pete knop die ad event listener klik en ik heb altijd willen beginnen met de net uit het afdrukken van iets of iets een log P2 klik zomaar refresh waarschuwen.

139
00:12:12,620 --> 00:12:17,770
En we krijgen P2 geklikt onze speler men nog steeds werkt en P2 loopt een stukje code.

140
00:12:17,760 --> 00:12:21,320
Nu moeten we alleen maar om de juiste code in daar te zetten.

141
00:12:21,330 --> 00:12:27,400
Als we kijken naar wat we deden voor de knop speler 1 nemen we behoefte aan een speler die een variabele increment scoren om te beginnen.

142
00:12:27,390 --> 00:12:30,450
Tot nu toe P2 score.

143
00:12:30,490 --> 00:12:32,770
En dat moet beginnen op nul ook.

144
00:12:32,760 --> 00:12:43,620
En dan gaan we gewoon hier te komen en verander gewoon dit te P2 score plus voor ons en dan moeten we bij te werken in het display waarin we nog niet hebben gekozen.

145
00:12:43,620 --> 00:12:45,880
Dus moeten we ook die spanwijdte selecteren.

146
00:12:45,900 --> 00:12:49,980
Denk aan de overspanning hier ID van P2 display.

147
00:12:50,250 --> 00:12:51,520
Dus we gaan om dat te doen.

148
00:12:51,580 --> 00:13:06,590
Ze gaat die lijn kopiëren en verander het in document Duckery selector P2 weer te geven en dan zullen we verander gewoon de weergave op om de tekst inhoud die gelijk is aan de speler om te scoren zijn.

149
00:13:06,730 --> 00:13:07,810
Dus laten we eens een kijkje nemen.

150
00:13:07,860 --> 00:13:10,360
Klik op de speler 1 die nog steeds werkt.

151
00:13:10,360 --> 00:13:13,090
Wat dacht je van speler 2 dat ook werkt.

152
00:13:13,680 --> 00:13:14,110
OK.

153
00:13:14,160 --> 00:13:16,020
Er is dus geen einde aan ons spel op dit moment.

154
00:13:16,020 --> 00:13:17,650
Dit zou gewoon blijven gaan altijd.

155
00:13:17,670 --> 00:13:20,300
Dus we moeten werken aan het toevoegen van die functionaliteit.

156
00:13:20,400 --> 00:13:25,950
En de manier waarop we gaan om dat te doen is met een variabele die gaat om het bijhouden van de toestand van onze voorsprong behouden.

157
00:13:26,110 --> 00:13:27,680
Dus onze spel heeft twee staten.

158
00:13:27,790 --> 00:13:32,860
De eerste is de normale toestand op dit moment waar ik kan op de plaats waar ik het spel kan spelen.

159
00:13:33,000 --> 00:13:37,520
En de tweede staat zou zijn wat we game over waar iemand heeft men zou kunnen noemen.

160
00:13:37,840 --> 00:13:42,140
Dus we moeten twee staten en kunnen we een boolean gebruiken om het model dat precies dat waar of onwaar.

161
00:13:42,150 --> 00:13:45,200
En ik ga het spel te noemen meer dan tot nu toe.

162
00:13:45,420 --> 00:13:49,040
Game over en het begint deze valse omdat game over.

163
00:13:49,120 --> 00:13:50,840
Niet waar aan het begin van het spel.

164
00:13:50,950 --> 00:13:57,660
En wat we doen is dat we game over te werken om waar of onwaar zijn, afhankelijk van als iemand wint.

165
00:13:57,660 --> 00:14:11,050
Dus als iemand krijgt tot vijf game over moet nu waar te zijn en dat zou betekenen dat we niet langer de score kunnen werken en dat we moeten raken reset en reset moet vervolgens game over valse opnieuw en begint alles voorbij.

166
00:14:11,050 --> 00:14:12,930
Dus laat me je laten zien wat ik bedoel.

167
00:14:12,930 --> 00:14:16,000
Het eerste wat we willen doen is het toevoegen van een andere variabele.

168
00:14:16,000 --> 00:14:17,670
Ik ga noemen winnende score.

169
00:14:18,150 --> 00:14:19,940
En dat is gewoon gelijk aan 5 te zijn.

170
00:14:20,130 --> 00:14:24,550
Dus dat variabele is wat we gaan vergelijken speler 1 en speler te scoren 2.

171
00:14:24,610 --> 00:14:29,920
Dus we gaan om te controleren als een speler 1 score de winnende score bereikt als hij of zij heeft.

172
00:14:30,100 --> 00:14:32,200
Dan moeten we om het spel te zeggen meer dan waar is.

173
00:14:32,500 --> 00:14:33,910
Dus de logica zal er zo uitzien.

174
00:14:33,910 --> 00:14:40,620
Het gaan naar een if-statement te hebben en het zal alleen maar zien als game over is nog niet bereikt.

175
00:14:40,620 --> 00:14:48,370
Dus als niet game over toen we gaan om u te laten toevoegen aan de score, net als dit.

176
00:14:48,930 --> 00:14:51,930
Toen ik dit nu loop je zult niets anders opmerken.

177
00:14:51,930 --> 00:14:56,890
Het zal precies werken op dezelfde manier voor speler 1 en dat is omdat het game over is altijd vals.

178
00:14:56,880 --> 00:14:58,030
Het verandert nooit.

179
00:14:58,260 --> 00:15:00,370
Dus toen we zouden veranderen dat het waar is.

180
00:15:00,610 --> 00:15:02,040
Nou als er een game over.

181
00:15:02,230 --> 00:15:08,390
En wanneer dat gebeurt is wanneer de Score dus als speler 1 score gelijk is aan de winnende score is.

182
00:15:08,760 --> 00:15:18,940
Dus nadat we een toe te voegen aan speler 1 score zullen we controleren of laten we een score triples evenaart winnende score.

183
00:15:18,930 --> 00:15:25,080
Dus als ze gelijk aan elkaar zijn dan laten we beginnen door gewoon te zeggen Contador log.

184
00:15:25,260 --> 00:15:27,280
Spel is over.

185
00:15:27,280 --> 00:15:28,340
Gewoon zo.

186
00:15:28,920 --> 00:15:37,890
En als we vernieuwen en bekijk onze consul en ik probeerde het wijzigen van deze tot nu toe is dit niet waar dus dit nooit gebeurt.

187
00:15:38,080 --> 00:15:42,560
Ditmaal hoewel ik één speler voeg een score gaat naar vijf.

188
00:15:42,750 --> 00:15:48,220
We controleren of speler 1 score gelijk is aan het winnen score is en we krijgen game over hier beneden.

189
00:15:48,220 --> 00:15:53,670
Dus in plaats van alleen te annuleren van de vergrendeling spel dan we eigenlijk willen deze status te wijzigen of nu.

190
00:15:53,670 --> 00:15:56,130
Game over is waar.

191
00:15:56,160 --> 00:16:04,390
Dus wat dat voor ons zal doen ik zal je laten zien als ik refresh zal het ons voorkomen dat het toevoegen van meer aan de score, omdat game over is waar.

192
00:16:04,570 --> 00:16:05,920
Deze kleine check verschijnen.

193
00:16:05,910 --> 00:16:06,700
Het controleert.

194
00:16:06,790 --> 00:16:07,930
Is het spel nog niet voorbij.

195
00:16:08,130 --> 00:16:11,370
En als het game over geen van deze code wordt uitgevoerd.

196
00:16:11,530 --> 00:16:13,270
Dus laten we proberen dat.

197
00:16:13,390 --> 00:16:15,270
Ik krijg vijf en ik ben vast.

198
00:16:15,460 --> 00:16:17,310
Ik kan het niet meer te verhogen.

199
00:16:17,350 --> 00:16:22,730
Maar ik kan gaan naar speler 2 en verhoging van dat punt, omdat onze logica is alleen voor de speler 1.

200
00:16:23,190 --> 00:16:28,520
We willen over te gaan naar deze speler om knop uit event listener en voeg in dezelfde logica.

201
00:16:28,570 --> 00:16:49,600
Dus als het niet meer dan het spel dan laten we u de score te verhogen en het actualiseren van de display en dan moeten we ook om te controleren of de nieuwe speler te scoren gelijk is aan de winnende score is dan is het game over.

202
00:16:49,600 --> 00:16:57,240
Game over waar is, wat betekent dat de gebruiker geen van beide gebruiker of de speler kan een of twee spelers blijven om de score te verhogen meer.

203
00:16:57,250 --> 00:17:01,080
Dus laten we eens nagaan of dit werkt refresh.

204
00:17:01,990 --> 00:17:04,390
OK we tot vijf kunnen krijgen hier en we zijn klaar.

205
00:17:04,380 --> 00:17:08,120
Speler 2 werkt niet of we kunnen tot vijf krijgen hier en we zijn klaar.

206
00:17:08,130 --> 00:17:09,810
En de speler 1 werkt ook niet.