1
00:00:00,540 --> 00:00:01,340
Nous saluons le retour.

2
00:00:01,590 --> 00:00:14,330
Jusqu'à présent, tout ce que nous avons fait autour des événements et des auditeurs d'événements dans le dortoir et la relation dominante et les décharges des lettres que nous venons de faire un hors des exercices rapides qui ne sont pas vraiment beaucoup.

3
00:00:14,370 --> 00:00:17,940
Et c'était juste pour montrer des morceaux individuels comment ils ont travaillé.

4
00:00:17,940 --> 00:00:22,140
Maintenant, nous allons voir comment ils s'ajustent tous et faire une application quelque peu substantielle.

5
00:00:22,200 --> 00:00:25,700
Donc, comme vous pouvez le voir, ce n'est pas la plus belle application qui arrive.

6
00:00:25,710 --> 00:00:34,490
Nous nous concentrons uniquement sur la façon dont les pièces s'accordent ensemble sur la façon dont nous prenons des événements comment nous sélectionnons des éléments comment nous écrivons vieilli lui comment et comment ceux-ci tous ensemble.

7
00:00:34,500 --> 00:00:35,820
Le style est juste supplémentaire.

8
00:00:35,820 --> 00:00:37,740
À ce stade, mais dans le prochain projet que nous faisons.

9
00:00:37,740 --> 00:00:41,120
Nous allons mettre beaucoup d'accent sur le style et de le rendre beau.

10
00:00:41,160 --> 00:00:42,050
Je promets.

11
00:00:42,060 --> 00:00:45,490
Donc, ce que nous allons faire est une application de pointage simple.

12
00:00:45,570 --> 00:01:00,510
Donc je veux que vous pensiez en arrière à toutes ces périodes que vous avez joué des ciseaux de papier de roche avec un ami ou un ping-pong ou un doigt de tic tac et c'est juste tellement fatiguant de garder la trace du score et si difficile de savoir qui gagne quand ce App est pour vous la façon dont cela fonctionne.

13
00:01:00,600 --> 00:01:03,750
Deux joueurs joueur 1 score joueur à marquer.

14
00:01:03,750 --> 00:01:07,180
Vous chargez la page et cela nous dit que nous jouons à cinq.

15
00:01:07,260 --> 00:01:10,950
Et donc tout ce que nous faisons est d'ajouter un point en cliquant sur un bouton.

16
00:01:10,950 --> 00:01:20,070
Donc, pour ajouter un point au joueur 1, nous cliquons sur le joueur 1 si nous voulons ajouter un joueur de point pour cliquer sur le joueur 2 et ensuite celui qui obtient à cinq.

17
00:01:20,580 --> 00:01:22,010
Vous remarquez qu'il devient vert.

18
00:01:22,260 --> 00:01:25,180
Et si je tente de marquer à nouveau, je ne peux pas.

19
00:01:25,350 --> 00:01:26,730
C'est parce que le jeu est terminé.

20
00:01:26,970 --> 00:01:29,760
Je peux donc réinitialiser en cliquant sur le bouton de réinitialisation.

21
00:01:30,090 --> 00:01:36,420
Et maintenant, un joueur de haut deux totalement balayer et c'est tout ce que nous ne pouvons plus jouer.

22
00:01:36,420 --> 00:01:37,850
Et cette réinitialisation rapide.

23
00:01:37,860 --> 00:01:42,080
Donc, une caractéristique supplémentaire est que nous pouvons aussi spécifier ce que nous jouons.

24
00:01:42,180 --> 00:02:02,500
Donc, si vous voulez avoir un jeu qui va jusqu'à 7:00 je peux utiliser ce numéro d'entrée ici et puis tout ce que je dois faire est de nous laisser faire un jeu plus proche et un joueur se faufile par à la fin 4:53 et le jeu Se termine à 7 et le joueur 1 devient vert et nous ne pouvons pas ajouter plus de points, puis nous pouvons réinitialiser.

25
00:02:02,850 --> 00:02:04,570
C'est donc ce que nous allons nous concentrer sur la construction ici.

26
00:02:04,650 --> 00:02:12,410
Donc, la première chose que nous voulons faire est d'obtenir notre fichier mis en place et puis de créer l'équipe H structure L et puis nous allons dans avec javascript et faire fonctionner les choses.

27
00:02:12,420 --> 00:02:14,390
Alors allons-y et commencez.

28
00:02:15,090 --> 00:02:16,890
J'ai donc un document vide que je vais documenter.

29
00:02:16,920 --> 00:02:25,580
Je l'appelle pointeur pointeur h Timo va ajouter dans notre boilerplate et lui donner un titre comme ça.

30
00:02:25,910 --> 00:02:28,960
Je dois commencer par parler de ce que nous examinons ici.

31
00:02:28,980 --> 00:02:33,650
Donc ce n'est pas H-1 H1 et nous allons changer cela finalement.

32
00:02:33,660 --> 00:02:47,560
Nous ne voulons pas que ce soit juste un h solide, car il ya deux choses à l'intérieur de ce H-1, il doit être comme Player 1 score 2 joueurs à marquer, mais nous devons être en mesure de sélectionner cette séparément de cela.

33
00:02:47,580 --> 00:02:51,610
Nous voulons donc un moyen de diviser ce H1 en petits morceaux.

34
00:02:51,780 --> 00:02:54,020
Donc, nous allons voir comment nous pouvons faire cela dans un petit peu.

35
00:02:54,030 --> 00:02:59,090
Alors voici un paragraphe que vous jouez.

36
00:02:59,100 --> 00:03:01,440
Et jouons juste à sept pour commencer.

37
00:03:01,590 --> 00:03:02,310
Ou faisons cinq.

38
00:03:02,310 --> 00:03:04,240
Je pense que comment ça s'est passé.

39
00:03:04,320 --> 00:03:05,830
Et puis nous avons une entrée ici.

40
00:03:05,880 --> 00:03:10,050
Ce type d'entrée est égal au nombre.

41
00:03:10,090 --> 00:03:14,920
Donc, le type d'entrée est égal au nombre et c'est tout ce dont nous avons besoin.

42
00:03:15,000 --> 00:03:17,470
Et puis nous avons notre premier bouton.

43
00:03:17,880 --> 00:03:23,290
Lecteur 1 ou deuxième bouton 2.

44
00:03:23,490 --> 00:03:27,480
Et notre dernier bouton réinitialisé.

45
00:03:27,480 --> 00:03:33,300
Donc, si nous rafraîchissons cette page et maintenant nous ouvrons notre propre page que nous avons créé.

46
00:03:33,360 --> 00:03:35,780
Nous allons jeter un coup d'oeil.

47
00:03:35,820 --> 00:03:37,370
Ils sont à peu près les mêmes.

48
00:03:37,410 --> 00:03:41,040
Zoom sur un peu sur celui-ci qui semble juste.

49
00:03:41,040 --> 00:03:43,560
Bien sûr, rien ne se passe lorsque nous cliquons sur quoi que ce soit.

50
00:03:43,560 --> 00:03:46,260
Alors maintenant, allons dans notre javascript dans.

51
00:03:46,980 --> 00:03:58,940
Je vais donc créer un nouveau fichier que je vais appeler le pointeur J.S. Et comme je le fais toujours ou d'ajouter mon alerte ici qui est connecté.

52
00:03:59,290 --> 00:04:06,160
Ensuite, je vais passer à des pointeurs ou h t m l et inclure mon script et je vais le faire au bas ici pour commencer.

53
00:04:06,160 --> 00:04:11,820
Ainsi, le type de script appelle la source javascript égale le pointeur.

54
00:04:11,970 --> 00:04:14,110
Oui comme ça.

55
00:04:14,140 --> 00:04:15,290
Maintenant, si nous rafraîchissons.

56
00:04:15,360 --> 00:04:20,550
Ceci est ma version de la page, il me dit alerte javascript connecté.

57
00:04:20,670 --> 00:04:21,310
D'accord.

58
00:04:21,540 --> 00:04:23,090
Nous avons donc installé notre courrier électronique.

59
00:04:23,100 --> 00:04:24,260
Cela semble très bien.

60
00:04:24,300 --> 00:04:28,740
Ce que nous devons faire maintenant est d'obtenir un code javascript qui ajoutent effectivement certaines fonctionnalités.

61
00:04:28,830 --> 00:04:32,800
Et comme toujours, nous devons commencer par sélectionner les différents éléments.

62
00:04:32,820 --> 00:04:43,660
Commençons donc par sélectionner les boutons et faisons juste le joueur un et le joueur ou deux boutons et la première caractéristique sur laquelle nous allons nous concentrer est quand nous cliquons sur un de ces boutons le score devrait incrémenter ici.

63
00:04:43,770 --> 00:05:02,190
Donc, tout ce que nous devons faire est de commencer par sélectionner ce joueur un bouton et si nous regardons c'est juste un bouton, nous pouvons vouloir ajouter dans l'ID donc nous allons appeler celui-ci et fait ici nous ajouterons un pour P2 et puis nous pouvons Ajoutez également un pour la réinitialisation que nous allons appeler la réinitialisation.

64
00:05:02,350 --> 00:05:03,880
Donc, nous avons maintenant trois idées.

65
00:05:04,030 --> 00:05:05,620
Il est donc beaucoup plus facile de sélectionner.

66
00:05:05,770 --> 00:05:12,410
Nous l'appellerons juste VIP un bouton égale le sélecteur de requête de document.

67
00:05:12,520 --> 00:05:14,490
Ou nous pourrions faire obtenir élément par ID.

68
00:05:14,530 --> 00:05:20,830
Je vais les mélanger ici donc la première fera avec le sélecteur de requête P1 et puis P2.

69
00:05:20,830 --> 00:05:30,000
Bouton sera point de document et nous allons faire obtenir élément par id et nous n'avons pas besoin de Octa Thorpe plus.

70
00:05:30,130 --> 00:05:32,030
Donc, ça nous donne les deux boutons.

71
00:05:32,500 --> 00:05:39,010
Et nous allons simplement mettre en place notre premier auditeur lorsque nous cliquons sur ce premier bouton va alerter ou annuler ce log quelque chose.

72
00:05:39,400 --> 00:05:49,160
Donc nous voulons écrire le bouton P1 et ajouter l'écouteur d'événement sur le clic et alors nous ajoutons notre fonction ici.

73
00:05:49,390 --> 00:05:56,870
Et à l'intérieur de cette fonction, nous allons simplement alerte alert cliqué et c'est tout.

74
00:05:57,610 --> 00:06:06,500
Donc, si vous actualisez notre page et essayez à nouveau de cliquer sur "Super" pour nous dire que nous avons sélectionné correctement et que nous avons ajouté notre auditeur pour l'événement Click correctement.

75
00:06:06,640 --> 00:06:11,900
Le joueur 2 ne fait rien parce que nous avons seulement ajouté cela au joueur 1 bouton.

76
00:06:12,790 --> 00:06:15,490
Alors, maintenant parlons de la façon dont cela va réellement fonctionner.

77
00:06:15,550 --> 00:06:22,040
Quand je clique ici, nous avons besoin d'avoir une variable qui s'appelle Player 1 score ou quelque chose qui garde la trace de combien de points.

78
00:06:22,040 --> 00:06:31,180
Le joueur 1 a et je clique dessus devrait ajouter un au joueur 1 score et ensuite la dernière partie est mise à jour ceci ici pour refléter le score de joueur 1.

79
00:06:31,420 --> 00:06:36,790
Donc, je vais faire une variable, nous allons simplement appeler 1 score et le mettre à zéro pour commencer.

80
00:06:37,180 --> 00:06:43,480
Et puis tout ce que je veux faire, c'est quand nous cliquons, nous allons commencer, mais tout simplement en ajoutant un au joueur 1 score.

81
00:06:43,810 --> 00:06:47,760
Donc, ce sera juste un score plus plus.

82
00:06:47,860 --> 00:06:49,080
Juste comme ça.

83
00:06:49,630 --> 00:06:54,620
Et nous rafraîchissons et nous n'avons rien vu parce que nous devrions probablement annuler ce journal.

84
00:06:54,750 --> 00:06:58,350
Il a gagné la première place plutôt que l'alerte.

85
00:06:58,440 --> 00:07:05,110
Il devient très ennuyeux très rapide si nous rafraîchissons maintenant et ouvrez la console et lecteur McCook 1 score et voir comment il va.

86
00:07:05,130 --> 00:07:09,910
Un deux trois quatre cinq et ça va continuer.

87
00:07:10,480 --> 00:07:11,860
Il y a donc quelques problèmes.

88
00:07:11,860 --> 00:07:17,030
L'un est que nous ne montrons pas le score ici et deux il dit que nous jouons à cinq.

89
00:07:17,170 --> 00:07:21,190
Et ce n'est évidemment pas le cas parce que nous ne faisons que l'incrémenter autant que nous le voulons.

90
00:07:21,340 --> 00:07:26,940
Donc, nous devons avoir une logique qui dit si plus de cinq matchs ou quelque chose comme ça.

91
00:07:27,190 --> 00:07:31,570
Mais commençons par trouver comment nous pouvons mettre à jour ce H1.

92
00:07:31,660 --> 00:07:34,480
Donc, ce que nous pourrions faire est juste de sélectionner le H-1 pour commencer.

93
00:07:34,660 --> 00:07:37,260
Alors allons juste appeler loin.

94
00:07:37,460 --> 00:07:45,300
H1 est égal au document qui interroge le sélecteur H-1 exactement comme cela.

95
00:07:45,610 --> 00:07:56,890
Et puis à l'intérieur d'ici, nous allons simplement dire H-1 dot texte contenu équivaut à un score comme ça.

96
00:07:56,950 --> 00:08:02,720
Donc, nous allons prendre celui-ci et modifier le contenu du texte pour être quel que soit le score est que nous étions sans l'exploitation forestière.

97
00:08:02,920 --> 00:08:10,790
Et si je marque ici bien ce genre de travaux, mais vous pouvez voir que nous avons complètement renversé tout ce qui était à l'intérieur de chacun.

98
00:08:10,870 --> 00:08:14,730
Nous voulons garder les deux et les autres points.

99
00:08:14,800 --> 00:08:17,220
Nous voulons simplement changer ce numéro.

100
00:08:17,380 --> 00:08:27,640
Donc, il ya un moyen de faire cela en utilisant un peu plus de h à un homme qui rend sa vie beaucoup plus facile si nous retournons à notre pointeur, mais chaque fois l nous allons introduire un élément span.

101
00:08:27,640 --> 00:08:32,870
Et la façon dont la portée va fonctionner, c'est qu'il ne sera envelopper le nombre de points.

102
00:08:33,370 --> 00:08:37,300
Donc, ce que cela signifie, c'est que nous pouvons maintenant si je l'inspecter.

103
00:08:37,300 --> 00:08:39,940
Rien ne semble changer et c'est le point d'une portée.

104
00:08:40,060 --> 00:08:58,280
Il est juste nonintrusive jour si vous voulez c'est juste un moyen d'envelopper quelque chose avec une étiquette que vous pouvez ensuite utiliser plus tard ou de style différent ou sélectionnez avec javascript qui est exactement ce que nous allons faire si nous cherchons H-1, mais ici nous maintenant Ont une portée spéciale enveloppant ce nombre.

105
00:08:58,300 --> 00:09:06,460
Donc, si nous sélectionnons cet intervalle et que nous changeons cette portée seulement, nous aurons toujours le tôo et notre espacement correctement et l'autre score.

106
00:09:06,460 --> 00:09:10,660
Donc, nous voulons choisir cette période et aller à nouveau juste faire un ID ici.

107
00:09:10,990 --> 00:09:17,220
Donc span et nous allons appeler cet écran P1 juste comme ça.

108
00:09:17,800 --> 00:09:21,390
Et maintenant, nous devons aller à notre pointeur J S et changer quelques choses.

109
00:09:21,550 --> 00:09:25,480
Nous n'avons donc plus besoin de sélectionner le H-1 pour nous en débarrasser.

110
00:09:25,570 --> 00:09:37,160
Nous allons sélectionner loin un affichage égal à get document et nous allons faire le sélecteur de requête juste pour la variété de nouveau Sélecteur de requête.

111
00:09:37,180 --> 00:09:46,440
Et nous appelons cela P1 affichage de sorte que nous donnera juste la portée et si nous voulions vérifier que cela fonctionnait.

112
00:09:46,650 --> 00:09:51,270
Pourquoi ne pas nous faire juste un journal de voûte de concert ici.

113
00:09:51,630 --> 00:09:58,970
L'affichage gagné juste pour voir quand nous chargeons la page l'actualise devrait imprimer OK.

114
00:09:59,000 --> 00:10:00,510
Sélectionné notre spande correctement.

115
00:10:00,720 --> 00:10:01,280
D'ACCORD.

116
00:10:01,620 --> 00:10:05,840
Donc, maintenant, ce que nous voulons faire et nous débarrasser de cela est d'ajouter un à la partition.

117
00:10:06,350 --> 00:10:11,250
Nous pouvons nous débarrasser de nos autres inconvénients. Mais connectez-vous plutôt que de modifier le contenu du texte sur l'ensemble H-1.

118
00:10:11,350 --> 00:10:17,620
Nous voulons simplement le changer sur notre écran P1 qui est cette petite portée ici.

119
00:10:17,620 --> 00:10:21,160
Et si nous rafraîchissons Maintenant, nous y allons.

120
00:10:21,150 --> 00:10:29,400
Donc, nous obtenons que le lecteur 1 afficher le joueur de mise à jour 2 ne fait toujours rien, mais nous avons cette fonctionnalité de travail.

121
00:10:29,590 --> 00:10:31,530
Alors faisons la même chose pour le joueur 2.

122
00:10:31,840 --> 00:10:44,830
Donc je vais revenir ajouter dans une autre période autour de notre zéro span ID équivaut à afficher et puis passer à zéro entre les deux.

123
00:10:44,910 --> 00:10:48,520
Nous rafraîchissons rien ne devrait sembler différent, mais nous avons maintenant deux travées.

124
00:10:48,570 --> 00:10:56,280
Donc, vous pouvez voir, puis retournons à notre pointeur J nous et ajoutons deux nouvelles variables.

125
00:10:56,280 --> 00:11:01,740
Donc, nous devons afficher span pour le joueur à besoin de le sélectionner avec cet ID.

126
00:11:02,110 --> 00:11:03,660
Je vais utiliser le sélecteur de requêtes à nouveau.

127
00:11:03,900 --> 00:11:09,290
Et puis nous avons besoin d'une variable pour le joueur de score à son, nous ne voulons pas qu'ils soient juste pour le même score.

128
00:11:09,310 --> 00:11:13,480
De toute évidence, nous avons besoin de deux façons distinctes de suivre leurs valeurs.

129
00:11:13,480 --> 00:11:18,710
Donc, la première chose que je veux faire est de tester que notre lecteur à bouton est correctement sélectionné.

130
00:11:18,730 --> 00:11:25,980
Donc, je vais juste faire un joueur de log de voûte de concert pour bouton et juste voir ce qu'il imprime.

131
00:11:26,710 --> 00:11:32,160
Et si nous rafraîchissons et nous regardons les contre. Vous pouvez voir quelque chose de mal.

132
00:11:32,200 --> 00:11:35,090
Nous avons sélectionné le joueur un bouton pas le joueur deux bouton.

133
00:11:35,250 --> 00:11:37,230
Quelque chose ne va pas avec notre sélecteur.

134
00:11:37,250 --> 00:11:43,190
Vous pouvez voir ici que nous sélectionnons l'élément par l'identifiant P1 qui est le même que ce que nous avions ici.

135
00:11:43,210 --> 00:11:45,450
Nous devons donc sélectionner P2 à la place.

136
00:11:45,820 --> 00:11:52,870
Ok alors maintenant que c'est pris en charge si nous actualisons nous obtenons bouton ID P2 qui est grand.

137
00:11:52,920 --> 00:11:54,640
Maintenant, ajoutons à notre auditeur.

138
00:11:54,660 --> 00:12:11,920
Donc, Pete pour bouton que l'écouteur événement d'annonce cliquez sur et je tiens toujours à commencer par imprimer quelque chose ou d'alerter quelque chose d'un journal P2 cliquez comme cela rafraîchir.

139
00:12:12,620 --> 00:12:17,770
Et nous obtenons P2 cliqué sur notre lecteur un fonctionne toujours et P2 est en cours d'exécution de certains code.

140
00:12:17,760 --> 00:12:21,320
Maintenant nous avons juste besoin de mettre le bon code là-dedans.

141
00:12:21,330 --> 00:12:27,400
Si nous jetons un coup d'oeil à ce que nous avons fait pour le joueur 1 bouton nous avons besoin d'un joueur de marquer un incrément variable pour commencer.

142
00:12:27,390 --> 00:12:30,450
Jusqu'à présent score P2.

143
00:12:30,490 --> 00:12:32,770
Et cela devrait commencer à zéro aussi.

144
00:12:32,760 --> 00:12:43,620
Et puis nous allons juste venir ici et juste changer cela pour être P2 score plus pour nous et puis nous avons besoin de le mettre à jour dans l'affichage que nous n'avons pas encore sélectionné.

145
00:12:43,620 --> 00:12:45,880
Donc, nous devons également sélectionner cette période.

146
00:12:45,900 --> 00:12:49,980
Rappelez-vous la portée ici ID de l'affichage P2.

147
00:12:50,250 --> 00:12:51,520
Nous allons donc le faire.

148
00:12:51,580 --> 00:13:06,590
Elle va copier cette ligne et la changer pour afficher le document Duckery selector P2 affichage et ensuite nous allons juste changer l'affichage sur le contenu du texte pour être égal au joueur à marquer.

149
00:13:06,730 --> 00:13:07,810
Alors allons jeter un coup d'oeil.

150
00:13:07,860 --> 00:13:10,360
Cliquez sur le lecteur 1 qui fonctionne encore.

151
00:13:10,360 --> 00:13:13,090
Que diriez-vous du joueur 2 qui fonctionne aussi bien.

152
00:13:13,680 --> 00:13:14,110
D'ACCORD.

153
00:13:14,160 --> 00:13:16,020
Il n'y a donc pas de fin à notre jeu en ce moment.

154
00:13:16,020 --> 00:13:17,650
Ce serait juste continuer à jamais.

155
00:13:17,670 --> 00:13:20,300
Nous devons donc travailler à l'ajout de cette fonctionnalité.

156
00:13:20,400 --> 00:13:25,950
Et la façon dont nous allons le faire est avec une variable qui va garder une trace de l'état de notre jeu.

157
00:13:26,110 --> 00:13:27,680
Donc, notre jeu a deux états.

158
00:13:27,790 --> 00:13:32,860
Le premier est l'état normal maintenant où je peux cliquer où je peux jouer le jeu.

159
00:13:33,000 --> 00:13:37,520
Et le deuxième état serait ce que nous pourrions appeler le jeu où quelqu'un a un.

160
00:13:37,840 --> 00:13:42,140
Donc, nous avons besoin de deux états et nous pouvons utiliser un booléen pour modéliser que juste ou vrai.

161
00:13:42,150 --> 00:13:45,200
Et je vais l'appeler game over jusqu'à présent.

162
00:13:45,420 --> 00:13:49,040
Game over et il commence ce faux parce que plus de jeu.

163
00:13:49,120 --> 00:13:50,840
Pas vrai au début du jeu.

164
00:13:50,950 --> 00:13:57,660
Et puis ce que nous ferons, c'est que nous mettrons à jour le jeu pour qu'il soit vrai ou faux, selon si quelqu'un gagne.

165
00:13:57,660 --> 00:14:11,050
Donc, si quelqu'un arrive à cinq matchs plus devrait maintenant être vrai et cela devrait signifier que nous ne pouvons plus mettre à jour la partition et que nous avons à toucher la réinitialisation et la réinitialisation devrait alors faire jeu sur faux et recommencer tout.

166
00:14:11,050 --> 00:14:12,930
Alors laissez-moi vous montrer ce que je veux dire.

167
00:14:12,930 --> 00:14:16,000
La première chose que nous voulons faire est d'ajouter une autre variable.

168
00:14:16,000 --> 00:14:17,670
Je vais l'appeler score gagnant.

169
00:14:18,150 --> 00:14:19,940
Et cela va être égal à 5.

170
00:14:20,130 --> 00:14:24,550
Donc cette variable est ce que nous allons comparer le joueur 1 et le joueur au score 2.

171
00:14:24,610 --> 00:14:29,920
Donc, nous allons vérifier si un joueur a atteint le score gagnant si c'est le cas.

172
00:14:30,100 --> 00:14:32,200
Ensuite, nous devons dire que le jeu est vrai.

173
00:14:32,500 --> 00:14:33,910
La logique se présentera ainsi.

174
00:14:33,910 --> 00:14:40,620
Aller à avoir une déclaration si et il va juste ressembler à si le jeu n'est pas encore atteint.

175
00:14:40,620 --> 00:14:48,370
Si ce n'est pas le cas, alors nous allons vous laisser ajouter à la partition comme ça.

176
00:14:48,930 --> 00:14:51,930
Quand je cours ceci maintenant, vous ne remarquerez rien de différent.

177
00:14:51,930 --> 00:14:56,890
Il fonctionnera exactement de la même manière pour le joueur 1 et c'est parce que le jeu est toujours faux.

178
00:14:56,880 --> 00:14:58,030
Il ne change jamais.

179
00:14:58,260 --> 00:15:00,370
Alors quand changerions-nous pour être vrai.

180
00:15:00,610 --> 00:15:02,040
Eh bien quand il ya un match plus.

181
00:15:02,230 --> 00:15:08,390
Et quand cela arrive, c'est quand les utilisateurs marquent alors quand le score du joueur 1 est égal au score gagnant.

182
00:15:08,760 --> 00:15:18,940
Donc, après avoir ajouté un au joueur 1 score nous allons juste vérifier si nous allons faire un score de triples égale score gagnant.

183
00:15:18,930 --> 00:15:25,080
Donc, s'ils sont égaux les uns aux autres alors commençons par dire simplement le journal de Contador.

184
00:15:25,260 --> 00:15:27,280
Jeu terminé.

185
00:15:27,280 --> 00:15:28,340
Juste comme ça.

186
00:15:28,920 --> 00:15:37,890
Et si nous rafraîchissons et de revoir notre consul et j'ai essayé de changer cela jusqu'à présent, ce n'est pas vrai donc cela ne se produit jamais.

187
00:15:38,080 --> 00:15:42,560
Cette fois bien que j'ajoute un joueur un score passe à cinq.

188
00:15:42,750 --> 00:15:48,220
Nous vérifions si le score du joueur 1 est égal au score gagnant et nous obtenons le jeu plus bas ici.

189
00:15:48,220 --> 00:15:53,670
Donc, plutôt que d'annuler le jeu de verrouillage sur nous voulons réellement changer cet état ou maintenant.

190
00:15:53,670 --> 00:15:56,130
Le jeu est vrai.

191
00:15:56,160 --> 00:16:04,390
Donc ce qui va faire pour nous, je vais vous montrer si je rafraîchir il nous empêchera d'ajouter plus à la partition parce que le jeu est vrai.

192
00:16:04,570 --> 00:16:05,920
Cette petite vérification apparaît.

193
00:16:05,910 --> 00:16:06,700
Il vérifie.

194
00:16:06,790 --> 00:16:07,930
C'est encore fini.

195
00:16:08,130 --> 00:16:11,370
Et si c'est un jeu, rien de ce code ne s'exécute.

196
00:16:11,530 --> 00:16:13,270
Alors essayons ça.

197
00:16:13,390 --> 00:16:15,270
J'arrive à cinq et je suis coincé.

198
00:16:15,460 --> 00:16:17,310
Je ne peux plus l'augmenter.

199
00:16:17,350 --> 00:16:22,730
Cependant je peux aller au joueur 2 et augmenter ce score parce que notre logique est seulement pour le joueur 1.

200
00:16:23,190 --> 00:16:28,520
Nous allons vouloir passer à ce lecteur pour bannir l'écouteur d'événement et ajouter dans la même logique.

201
00:16:28,570 --> 00:16:49,600
Donc, si ce n'est pas le jeu terminé, alors nous allons vous laisser incrémenter la partition et mettre à jour l'affichage et ensuite nous devons également vérifier si le nouveau joueur à marquer est égal au score gagnant, puis il est fini.

202
00:16:49,600 --> 00:16:57,240
Game over est vrai, ce qui signifie que l'utilisateur ni l'utilisateur ni le joueur un ou le joueur deux ne peuvent continuer à incrémenter la partition plus.

203
00:16:57,250 --> 00:17:01,080
Donc, nous allons vérifier que cela fonctionne rafraîchir.

204
00:17:01,990 --> 00:17:04,390
OK, nous pouvons arriver à cinq ici et nous avons terminé.

205
00:17:04,380 --> 00:17:08,120
Le joueur 2 ne fonctionne pas ou nous pouvons arriver à cinq ici et nous avons terminé.

206
00:17:08,130 --> 00:17:09,810
Et le joueur 1 ne fonctionne pas non plus.
