1
00:00:00,180 --> 00:00:02,530
Więc teraz mamy dwie różne rzeczy możemy skupić.

2
00:00:02,610 --> 00:00:10,110
Pierwszym z nich jest zmiana wyświetlania się, żeby być na wygranej gracza zielony i że jest dość prosta.

3
00:00:10,140 --> 00:00:14,670
A druga jest coraz przycisk reset do pracy, dzięki czemu możemy zresetować i zagrać jeszcze raz.

4
00:00:14,850 --> 00:00:20,530
Więc zacznijmy od zmiany koloru i zamierzam to zrobić poprzez zdefiniowanie klasy w pliku CSSA.

5
00:00:20,580 --> 00:00:25,420
Więc muszę dokonać plik C S, a ja po prostu będzie wywoływać ten scorekeeper.

6
00:00:25,590 --> 00:00:35,790
C Ss potem idę do niej link, a nie mój plik scorekeeper HDMI Dotsie SS i oszczędzać.

7
00:00:35,790 --> 00:00:47,090
Potem mam zamiar iść do mojego pliku CSSA i zdefiniować klasę, a ja po prostu nazwać to zima i mam zamiar powiedzieć, kolor jest zielony i to wszystko, czego potrzebujemy i oszczędzać.

8
00:00:47,190 --> 00:00:49,620
I tylko w celu sprawdzenia, że ​​wygląda tak, jak chcemy.

9
00:00:49,620 --> 00:00:59,540
Załóżmy, wystarczy dodać go do rozpiętości tak powie klasa równa, a my po prostu dać mu klasę zwycięzcy dla gracza 1 wyświetlacza od uzyskania go.

10
00:00:59,610 --> 00:01:03,090
A gdybym odświeżyć widać możemy uzyskać zieloną 0.

11
00:01:03,090 --> 00:01:05,700
To jest dokładnie to, co chcemy w postaci przyrostu.

12
00:01:05,730 --> 00:01:09,260
Oczywiście chcemy, aby rozpocząć jako czarne i tylko dodać klasę.

13
00:01:09,360 --> 00:01:14,320
Gdy gra się kończy, więc musimy wrócić do naszych javascript i pozbyć się tego.

14
00:01:14,520 --> 00:01:17,030
Więc wraca do czarnego.

15
00:01:17,310 --> 00:01:18,910
Przejdź do naszego języka JavaScript.

16
00:01:19,530 --> 00:01:24,870
Więc po prostu start dla gracza 1 i musimy sprawdzić, czy wynik gracza 1 jest równa wygranej wynik.

17
00:01:24,870 --> 00:01:26,640
Oznacza to, że jeden z graczy wygrał.

18
00:01:26,760 --> 00:01:33,360
Więc tutaj mamy zamiar dodać do listy Gracz 1 klasy wyświetlacz.

19
00:01:33,360 --> 00:01:37,570
Jedziemy, aby dodać zwycięzcą klasy i to wszystko, co mamy do zrobienia.

20
00:01:37,830 --> 00:01:44,500
Jeśli więc odświeżyć zobaczysz jak przyrost graczy strzeli i dostać 1 do 5.

21
00:01:44,520 --> 00:01:46,580
To klasa została dodana.

22
00:01:46,830 --> 00:01:49,390
Więc jeśli przyjrzymy się tutaj będę go skontrolować.

23
00:01:49,410 --> 00:01:54,090
Nie ma klasy i Ciągle zwiększający aż dojedziemy do 5.

24
00:01:54,090 --> 00:01:59,640
Należy zwrócić uwagę prawo tutaj i mamy zwycięzcę klasy wynosi dodaje Kiedy dotrzemy do 5.

25
00:01:59,910 --> 00:02:02,900
Więc zrobimy to samo dla Gracz 2.

26
00:02:03,150 --> 00:02:07,230
Więc jeśli gracz dwóch punktów zwycięski wynik zmieni odtwarzacz do wyświetlenia.

27
00:02:07,710 --> 00:02:10,480
Sprawdźmy przyrost to 5.

28
00:02:10,650 --> 00:02:12,060
Wspaniały.

29
00:02:13,110 --> 00:02:15,030
Wszystko wydaje się działać dobrze.

30
00:02:15,450 --> 00:02:19,260
Więc następnym kawałek jest coraz przycisk reset do pracy już teraz.

31
00:02:19,350 --> 00:02:22,490
Jeśli dostaniemy grę ponad to zawsze ustawić, aby było prawdziwe.

32
00:02:22,500 --> 00:02:24,990
Nie ma mowy, aby zmienić grę na drugą.

33
00:02:24,990 --> 00:02:28,830
Więc klikając przycisk reset musi wywołać kilka różnych linii kodu.

34
00:02:28,860 --> 00:02:30,540
Pierwszy z nich, które chcesz zmienić.

35
00:02:30,540 --> 00:02:33,390
Gracz 1 wynik i odtwarzacz zdobyć z powrotem do zera.

36
00:02:33,420 --> 00:02:43,860
Chcemy zmienić wartości tutaj, które są wyświetlane na wyświetlaczu odtwarzacza 1 i odtwarzacz do wyświetlania wynosi zero i chcemy, aby usunąć ten zielony klasy z zależności od tego elementu jest to dalej.

37
00:02:44,130 --> 00:02:51,180
A potem ostatnia rzecz to musimy się upewnić, że gra się wraca do bycia fałszywym tak, że nasz kod i tutaj można uruchomić ponownie.

38
00:02:51,240 --> 00:02:57,200
Więc pierwszą rzeczą, musimy wybrać przycisk daliśmy id równa zresetowane.

39
00:02:57,390 --> 00:03:00,170
Więc musimy iść tu i po prostu go wybrać.

40
00:03:00,330 --> 00:03:02,590
Więc zrobię to z innymi przyciskami do tej pory.

41
00:03:02,640 --> 00:03:16,400
Przycisk Reset równa dokument kropkę i zrobimy kolejny element Otrzymuj id i tym razem ID jest resetowany i zapisać, a następnie po prostu sprawdzić, czy to działa.

42
00:03:16,580 --> 00:03:17,820
Czy stały dziennik.

43
00:03:18,060 --> 00:03:22,900
Reset reset i odświeżyć.

44
00:03:22,900 --> 00:03:26,050
Jeśli spojrzymy na naszej konsoli otrzymujemy nasz właściwy przycisk.

45
00:03:26,070 --> 00:03:27,960
To został odwołany został zalogowany.

46
00:03:28,390 --> 00:03:53,910
OK, tak więc powinniśmy zacząć dodając nasz detektor zdarzeń za kliknięcie tego przycisku reset więc przycisk, który detektor zdarzeń kliknij przycisk Reset na naszą funkcję zwrotną i wszystko, co chcemy zrobić, aby zacząć od nowa po prostu zrezygnować, że resetowanie dziennika kliknięciu by upewnić się, że działa i tam idziemy nasz przycisk reset został wciśnięty.

47
00:03:54,360 --> 00:03:57,780
Więc logika choć jak omówiliśmy musimy ustawić.

48
00:03:57,780 --> 00:04:00,330
Gracz 1 wynik i odtwarzacz zdobyć z powrotem do zera.

49
00:04:00,450 --> 00:04:02,440
Więc to na tyle proste.

50
00:04:02,460 --> 00:04:05,890
Gracz 1 zero punktów gracza, który strzeli wynosi zero.

51
00:04:06,330 --> 00:04:14,790
Ale jeśli uruchomię to teraz, gdzie tylko mogę zmienić wynik gracza 1 na gracza, który strzeli do zera i przyrostu więc ten gracz wygrywa, a następnie kliknij przycisk Reset.

52
00:04:14,850 --> 00:04:20,050
Nic nie wydaje się zdarzyć, a to dlatego, że tylko zmienić wynik w javascript.

53
00:04:20,100 --> 00:04:27,050
Nigdy nie zaktualizował wyników na stronie, tak są to P1 i P2 wyświetlanie zmiennych, które musimy zaktualizować.

54
00:04:27,300 --> 00:04:34,020
Więc chcemy zrobić zawartości tekstowej jednego wyświetlacza i można po prostu ustawić go na zero.

55
00:04:34,020 --> 00:04:37,180
Możemy także ustawić to być wynik 1.

56
00:04:37,320 --> 00:04:38,690
Powinny one być zarówno zero.

57
00:04:39,090 --> 00:04:42,700
Tak samo Pete, aby wyświetlić zawartość tekstowa jest zerem.

58
00:04:42,930 --> 00:04:46,060
Jeśli odświeżyć i teraz mamy do 5.

59
00:04:47,280 --> 00:04:48,410
Obaj wrócić do zera.

60
00:04:48,450 --> 00:04:50,750
Warto więc bliżej gry.

61
00:04:52,360 --> 00:04:55,120
I kliknij zresetować zarówno wrócić do zera.

62
00:04:55,500 --> 00:04:58,030
Następna w kolejce niech usunięcia klauzuli zwycięzcę.

63
00:04:58,090 --> 00:05:01,430
Będzie to zrobić w prosty sposób poprzez usunięcie klasę zwycięzca z obu.

64
00:05:01,540 --> 00:05:03,650
Nie będziemy więc nawet sprawdzić, który z nich ma.

65
00:05:03,730 --> 00:05:05,260
Będziemy po prostu usunąć go z obu stron.

66
00:05:05,300 --> 00:05:07,620
To tylko kwestia jednego ekranu.

67
00:05:07,780 --> 00:05:12,070
Wykazy Klasa usunięcia zwycięzcę.

68
00:05:12,310 --> 00:05:16,440
Tak, że będzie pozbyć klauzuli i zrobi go wyświetlić.

69
00:05:16,480 --> 00:05:20,830
Tak więc w zależności od tego jeden to ma to nie ma znaczenia, ponieważ mamy do usuwania go z obu stron.

70
00:05:21,940 --> 00:05:25,160
Więc teraz, jeśli zagramy mamy zwycięzcę.

71
00:05:25,600 --> 00:05:26,850
I kliknij przycisk Reset.

72
00:05:26,920 --> 00:05:30,560
Obaj sięgają tylko pustym zwykłego tekstu.

73
00:05:31,140 --> 00:05:33,700
Ale jak widać mam do pięciu.

74
00:05:33,790 --> 00:05:36,340
I kliknij przycisk reset nadal nie działa.

75
00:05:36,610 --> 00:05:39,930
A to dlatego, że gra jest skończona jest nadal prawdziwe.

76
00:05:40,110 --> 00:05:42,900
I tak nikt z naszego kodu zamiast tych wydarzeń będzie działać.

77
00:05:43,090 --> 00:05:45,000
Więc ostatnią rzeczą, którą musisz zrobić jest ustawiony.

78
00:05:45,100 --> 00:05:50,340
Game over tyłem do fałszywe i że należy umożliwić nam kontynuowanie gry.

79
00:05:50,820 --> 00:05:53,350
Więc będę odświeżyć archiwizowane.

80
00:05:53,520 --> 00:05:55,530
Chodźmy gra skończona.

81
00:05:55,540 --> 00:05:55,990
No to jedziemy.

82
00:05:55,990 --> 00:05:57,240
Nie mogę już grać.

83
00:05:57,250 --> 00:06:04,610
Klikam resetu a teraz gra nad nim z powrotem na fałsz i mogę zagrać jeszcze raz, a potem dalej.

84
00:06:04,840 --> 00:06:07,220
Więc to funkcjonalność rdzeń tutaj.

85
00:06:07,320 --> 00:06:14,650
Mamy prawie wszystko odbywa się bardzo Ostatnią rzeczą jest uzyskanie grając numer lub zwycięski wynik będzie zmienna.

86
00:06:14,640 --> 00:06:16,520
Więc to nie zawsze tylko pięć.

87
00:06:16,930 --> 00:06:27,710
Mamy więc to wejście i chcemy to wykorzystać tak, że kiedy zmieniam to za siedem Mówi grać do 7 i nasza maksymalna lub naszej wygranej wynik jest siedem, a nie pięć.

88
00:06:27,970 --> 00:06:29,750
Więc mamy kilka kroków, aby się tam dostać.

89
00:06:29,760 --> 00:06:35,500
Pierwszą rzeczą, jaką musimy zrobić, to wybrać to wejście jak widać mamy typ wejścia równą liczbę.

90
00:06:35,740 --> 00:06:37,330
To jedyne wejście na stronie.

91
00:06:37,360 --> 00:06:40,410
Więc nie muszą dać mu identyfikator lub cokolwiek.

92
00:06:40,420 --> 00:06:46,790
Więc mam zamiar iść tu i po prostu wybierz go z moją innych selektorów var.

93
00:06:47,050 --> 00:06:58,030
Niech po prostu nazwać to żaden sygnał równy dokument i istnieje wiele sposobów dotarcia może zrobić udokumentować, że wejście selektora zapytania.

94
00:06:58,020 --> 00:07:01,400
Możemy również określić tylko gdzie.

95
00:07:01,420 --> 00:07:06,540
Typ jest równa liczbie, ponieważ mogą istnieć inne wejścia.

96
00:07:06,730 --> 00:07:08,070
W naszym przypadku będę keep it simple.

97
00:07:08,080 --> 00:07:09,330
Jest tylko jedno wejście.

98
00:07:09,460 --> 00:07:11,190
Więc to będzie działać dobrze.

99
00:07:11,810 --> 00:07:12,120
OK.

100
00:07:12,120 --> 00:07:14,420
Mamy więc, że wybrane wejście.

101
00:07:14,440 --> 00:07:16,390
Więc teraz dodajmy zdarzenie.

102
00:07:16,420 --> 00:07:26,920
Więc to, co chcemy się zdarzyć, że za każdym razem zmienia wartość lub że zmiany numerycznych chcemy, aby uaktualnić i chcemy zmiennej wynik do wygrania również zaktualizować.

103
00:07:26,950 --> 00:07:29,200
Więc co trzeba zrobić, to dodać wydarzenie.

104
00:07:29,280 --> 00:07:40,190
Więc po prostu drętwieją i umieścić Dot miał zdarzeń Lessner kliknij po prostu zrobić to w ten sposób tutaj.

105
00:07:41,050 --> 00:07:44,750
Funkcja i wszystko zrobić alert.

106
00:07:45,300 --> 00:07:54,720
Kliknięciu wejście i co zobaczysz, jest to, że w rzeczywistości kliknięcie słuchacz nie jest najlepszym narzędziem do tego zadania.

107
00:07:54,920 --> 00:07:58,880
Bo tak możemy zmienić wartość za pomocą kliknięcia jak ja po prostu nie istnieje.

108
00:07:59,470 --> 00:08:07,150
Ale może również trafić usunąć i wpisać liczbę ja i żadne zdarzenie nie został zwolniony, bo nie mam do kliknięcia.

109
00:08:07,360 --> 00:08:11,110
Więc jeśli mogę użyć małe przyciski tutaj szybkie Zdarzenie.

110
00:08:11,110 --> 00:08:14,670
W przeciwnym razie po prostu użyć mojej klawiatury nie mamy szybki wydarzenie.

111
00:08:14,680 --> 00:08:19,680
Więc istnieje inny rodzaj zdarzenia, które jest o wiele lepiej w tym przypadku, który nazywa zmiana.

112
00:08:19,770 --> 00:08:25,240
Więc wydarzenie zmiana będzie działać dowolnym momencie zmiany wartości i to nie ma znaczenia, jak ta wartość zmieniła.

113
00:08:25,240 --> 00:08:27,840
Gdyby tak było, bo kliknięciu lub naciśnij klawisz Delete.

114
00:08:27,850 --> 00:08:35,000
Więc faktycznie zmienić wpis tutaj, aby powiedzieć zmieniło wejście, a następnie odśwież.

115
00:08:35,320 --> 00:08:39,900
A gdybym kliknij tutaj, aby go zmienić to mówi mi, że zmienił wejście.

116
00:08:40,090 --> 00:08:47,960
Ale jeśli mogę usunąć i wpisać numer, który nie wiąże się klikając też mówi mi, że mogę zmienić wejście, dzięki czemu świetnie.

117
00:08:47,980 --> 00:09:00,650
Jest to wydarzenie chcemy użyć zdarzenia zmienić w dowolnym momencie zmiany wartości chcemy aktualizować ten numer tutaj i chcemy również aktualizować naszą zwycięską wynik, tak aby nasza gra w dalszym ciągu iść, dopóki nie uderzył nowej partytury wygraną.

118
00:09:00,700 --> 00:09:02,700
Mam nadzieję, że to nie jest nasz rzeczywisty wynik wygranej.

119
00:09:02,740 --> 00:09:04,850
Na pewno długo gra nożyczki papier rock.

120
00:09:05,080 --> 00:09:08,530
Więc pierwszą rzeczą aktualizuje tę wartość tutaj.

121
00:09:08,860 --> 00:09:13,020
Więc tak jak wcześniej musimy ją wybrać, który to paragraf.

122
00:09:13,060 --> 00:09:22,590
Więc musimy wybrać naszą pkt, a ja po prostu zrobić akapit VAR równa udokumentować, że znacznik wyboru zapytania.

123
00:09:23,290 --> 00:09:35,070
A potem w tej szybkiej razie będziemy po prostu zmienić tę zawartość tekstową, a my po prostu zacząć po prostu zmienia to znaczy kliknięciu lub powiedzmy wartość zmienić.

124
00:09:36,640 --> 00:09:39,310
Tak po prostu i odświeżyć.

125
00:09:39,310 --> 00:09:49,730
Teraz, jeśli mogę zmienić wartość, która zmienia paragraf do powiedzenia wartość zmieniło, ale to jest nasza sam problem wpadliśmy wcześniej z H-1 nie chcemy, aby zmienić cały akapit.

126
00:09:49,810 --> 00:09:52,390
Chcemy tylko, aby zmienić tę małą część.

127
00:09:52,390 --> 00:09:55,000
Więc to, co chcemy użyć, jest rzeczywiście inny okres.

128
00:09:55,300 --> 00:09:58,950
Więc wracamy i dodamy przedział wokół numeru.

129
00:09:59,380 --> 00:10:06,400
I to jest to idealne zastosowanie dla rozpiętości którym ponownie możemy wykorzystać go do kierowania tylko niewielką część elementu nie cała sprawa.

130
00:10:06,820 --> 00:10:11,680
A ja naprawdę nie zamierza dać mu pewien pomysł ten czas, żeby pokazać wam inny sposób, wybierając go.

131
00:10:11,710 --> 00:10:14,780
Więc po prostu pamiętać, że jest to okres zamiast ust.

132
00:10:14,920 --> 00:10:17,010
I jest to jedyny tak na naszej stronie.

133
00:10:17,110 --> 00:10:18,060
Więc wracamy.

134
00:10:18,310 --> 00:10:30,170
Więc zamiast wybierając akapit stwórzmy nową zmienną, a my nazywamy to wygraną wyświetlacz wynik i to będzie selektor wyszukiwania dokumentów.

135
00:10:30,970 --> 00:10:39,520
Ale zamiast tylko rozciągać, ponieważ istnieją inne zakresy na stronie chcemy wybrać przęseł wewnątrz ust.

136
00:10:39,550 --> 00:10:40,690
Więc to wszystko, co mamy pisać.

137
00:10:40,810 --> 00:10:41,930
Przestrzeń P.

138
00:10:41,930 --> 00:10:42,710
Przęsło.

139
00:10:43,240 --> 00:10:44,490
I będziemy oszczędzać.

140
00:10:44,980 --> 00:10:49,970
A teraz chodźmy naprzód i aktualizować zwycięski wynik wyświetlany na tutaj zamiast ust.

141
00:10:49,990 --> 00:10:53,710
Więc wygranej wyświetlacz wynik takiego.

142
00:10:54,010 --> 00:10:56,020
I to nadal nie będzie doskonały.

143
00:10:56,080 --> 00:11:02,550
To będzie tylko zaktualizować wartość zmieniła się za każdym razem, ale przynajmniej nie jest aktualizowanie cały akapit.

144
00:11:02,950 --> 00:11:10,840
Więc następnym krokiem jest uzyskanie go zaktualizować, aby wyświetlić numer, który znajduje się wewnątrz wejście tak, że wartości są zsynchronizowane ze sobą.

145
00:11:10,880 --> 00:11:13,920
Więc nie mamy rzeczywiście widział, jak uzyskać dane z wejścia.

146
00:11:13,960 --> 00:11:15,940
W jaki sposób możemy uzyskać bieżącą wartość.

147
00:11:15,940 --> 00:11:18,100
Mam zamiar pokazać wam tutaj, wybierając wejście.

148
00:11:18,250 --> 00:11:32,750
Więc udokumentować, że selektor zapytania i będziemy to robić na wejściu konsoli i mam zamiar zapisać go do zmiennej tak nazywają to wejście var Dokument Taqueria wybrać wejście, a potem zrobimy wejście daat wartości.

149
00:11:33,040 --> 00:11:39,040
Więc ta wartość będzie ciągiem, co jest zawarte w tym wejściu Niezależnie od wartości.

150
00:11:39,040 --> 00:11:43,800
Więc jeśli mogę to zmienić do 7 i uruchomić kod ponownie uzyskać 7.

151
00:11:44,120 --> 00:11:51,520
Jeśli zrobię to ogromną liczbę i tym razem zrobić to jeszcze raz, co odzwierciedla wartość znajduje się wewnątrz tego wejścia.

152
00:11:51,520 --> 00:11:56,950
Więc mamy zamiar skorzystać z tego, że poprzez zmianę zamiast na wartość ciągu zmieniło.

153
00:11:56,950 --> 00:12:12,710
Mamy zamiar zmienić go za nahm wartość wejściowa kropki tak, że będzie miała wartość stąd i zmienić zwycięski wynik wyświetla zawartość tekstową.

154
00:12:13,370 --> 00:12:18,690
Więc odświeżyć i zaktualizować to i można albo teraz zsynchronizowane ze sobą.

155
00:12:19,030 --> 00:12:26,900
Więc jak mogę zaktualizować to za 2:59 mojej gry lub wygranej wyświetlacz wynik również aktualizuje do 1 do 3.

156
00:12:27,340 --> 00:12:30,580
Tak oczywiście nie gramy do 123.

157
00:12:30,580 --> 00:12:32,350
Ciągle grając do pięciu.

158
00:12:32,740 --> 00:12:40,280
A to dlatego, że nasza logika nie odzwierciedla tę nową wartość wejściową wszystko to odbijającą jest nasz pierwotny wynik wygranej 5.

159
00:12:40,480 --> 00:12:51,430
Dlatego też chcemy zmienić tu wygrywają wynik równy znieczulenia wartość wejściową i oszczędzać.

160
00:12:51,430 --> 00:12:58,790
A teraz spróbujmy zmienia to tak gramy do trzech i klikamy a zauważysz, że trochę dziwne zachowanie.

161
00:12:58,840 --> 00:13:00,940
Więc nawet nie zatrzymują się na pięciu.

162
00:13:00,970 --> 00:13:02,370
To po prostu utrzymuje będzie zawsze.

163
00:13:02,650 --> 00:13:10,300
Więc to jest zabawa błąd, który ma do czynienia z różnego rodzaju łańcuchów i liczb danych i porównanie ich podwójne równych kontra potrójnych równymi.

164
00:13:10,300 --> 00:13:14,200
Tak więc, aby dostać się do dołu to zróbmy pewne minusy. wycięcie lasu.

165
00:13:14,200 --> 00:13:24,700
Więc wiemy, że sedno tego wszystkiego jest ta linia tu czy ta linia tu, gdzie jesteśmy sprawdzenie czy gracz ma jeden, jeśli wynik gracza jest równa zwycięski wynik.

166
00:13:24,820 --> 00:13:26,790
To wtedy możemy ustawić grę na prawdziwe.

167
00:13:27,130 --> 00:13:29,610
I to nie dzieje się teraz, ponieważ gra skończona.

168
00:13:29,620 --> 00:13:31,460
Jeśli mamy zmienić wynik.

169
00:13:31,450 --> 00:13:33,730
Koniec gry nie ulega zmianie.

170
00:13:33,820 --> 00:13:35,460
To zawsze fałszywe.

171
00:13:35,710 --> 00:13:37,660
Więc coś się dzieje złego z tej linii.

172
00:13:37,780 --> 00:13:41,860
Więc zróbmy odwołany z dziennika i mamy zamiar zrobić dwie rzeczy.

173
00:13:41,870 --> 00:13:49,700
Niech po prostu wydrukować wynik gracza 1 i będziemy drukować zwycięskim wynikiem i możemy rozdzielając je przecinkami, a oni po prostu wydrukować je na tej samej linii.

174
00:13:49,720 --> 00:13:56,820
Wystarczy krótka notatka z wykorzystaniem dzienników Comstock właśnie jedziemy do debugowania, ale teraz będziemy mówić o bardziej zaawansowanych sposobów debugowania później.

175
00:13:57,010 --> 00:14:07,470
Więc będę odświeżyć i jeśli zaczniemy przyjrzymy zwiększone wynik gracza 1 i widać, że mamy trzy i mamy porównanie go z numerem pięć.

176
00:14:07,540 --> 00:14:10,670
Więc wynik gracza 1 jest trzy wygraną wynik wynosi pięć.

177
00:14:10,900 --> 00:14:15,250
Ale tak szybko, jak to zmienić za powiedzmy 7 a teraz klikam.

178
00:14:15,250 --> 00:14:23,160
Gracz 1 mamy teraz porównując Gracz 1 Score czyli numer cztery do wygrania wynik, który jest ciągiem siedem.

179
00:14:23,440 --> 00:14:27,090
Więc odświeżyć ponownie, jeśli po prostu zacząć od pięciu.

180
00:14:27,110 --> 00:14:28,420
To działa dobrze.

181
00:14:28,780 --> 00:14:36,680
Ale jeśli mogę to zmienić, a teraz możemy porównać go do liczby i ciąg i że nie będzie pracować dla nas, bo robimy potrójne równych tutaj.

182
00:14:36,790 --> 00:14:40,590
Tak więc możemy zrobić podwójne równych, ale wiesz, że nie jestem fanem tego.

183
00:14:40,610 --> 00:14:46,670
Więc co mamy zamiar zrobić to zamiast iść na dół i po prostu wziąć to i umieścić tę wartość i przekształcić go w ciąg.

184
00:14:46,780 --> 00:14:57,130
Tak samo jak ilość tego kapitału oraz numer, a następnie przejść i umieścić wartość, która zostanie następnie przekształcić go w ciąg i ustaw, które będzie wygraną wynik.

185
00:14:57,220 --> 00:14:58,020
Więc były świeże.

186
00:14:58,020 --> 00:15:02,210
Teraz to działa dobrze.

187
00:15:02,760 --> 00:15:11,120
Docieramy do pięciu, ale jeśli możemy również zmienić się, aby nasza gra jest skończona na 2.

188
00:15:11,230 --> 00:15:17,000
Jest jeden mały problem musimy się skupić na którym jest, jeśli gramy w grę do pięciu, które właśnie zaczęło się robić.

189
00:15:17,170 --> 00:15:22,310
A jeśli zdecyduję połowie, że chcę zmienić zwycięski wynik na maksymalną liczbę punktów.

190
00:15:22,390 --> 00:15:28,920
Nasz kod teraz nie zajmuje się, że bardzo dobrze, bo jeśli teraz zmienić to gramy tylko trzy.

191
00:15:28,960 --> 00:15:30,630
Mamy dwa różne sposoby obchodzenia się z materiałem.

192
00:15:30,640 --> 00:15:34,610
Pierwszym z nich jest zresetowanie wynik i wszystko z powrotem do zera.

193
00:15:34,880 --> 00:15:37,790
A druga w dalszym ciągu odgrywają do pięciu.

194
00:15:38,120 --> 00:15:43,010
Ale co tak naprawdę się dzieje jest to, że gramy do trzech, ale mamy już za sobą trzy.

195
00:15:43,300 --> 00:15:51,390
Więc dlatego, że już minęła go nasz kod nie działa już tak naprawdę dlatego, że leżą to tylko sprawdzanie jest zawodnikiem, który strzelił zwycięskiego równy wynik.

196
00:15:51,400 --> 00:15:53,790
To nie jest sprawdzenie, czy będzie ona większa niż zwycięski wynik.

197
00:15:54,040 --> 00:15:55,170
Więc czy możemy to zmienić.

198
00:15:55,180 --> 00:16:00,830
Więc to mówi, że jeśli będzie ona większa niż zwycięski wynik wtedy gra jest skończona i to jest w porządku.

199
00:16:00,970 --> 00:16:18,720
Ale myślę, że lepszym rozwiązaniem jest wyzerowany, gdy zmieniamy maksymalny wynik, ponieważ nigdy tak naprawdę nie zmieniło maksymalny wynik w połowie meczu jakikolwiek chcielibyśmy, aby rozpocząć grę nad i drugi powód, dla którego chcę nam to zrobić jest to dobry przypadek użycia przez krótki Refactor.

200
00:16:18,880 --> 00:16:22,410
Kiedy więc tutaj zmienić wynik to zwycięski wynik.

201
00:16:22,610 --> 00:16:27,370
Chcemy, aby zresetować grę, która jest taka sama logika, że ​​kończy nam się tutaj.

202
00:16:27,430 --> 00:16:34,720
Więc zrobimy to bardzo prosto prostu skopiować ten kod na zewnątrz i zrobić nową funkcję o nazwie zresetowane.

203
00:16:34,720 --> 00:16:44,780
Więc funkcja kasowania wystarczy umieścić cały ten kod tam, a następnie po zmianach wprowadzania numeru jesteśmy po prostu będzie działać zresetować.

204
00:16:44,890 --> 00:16:48,920
Więc widzisz, że zresetować tu grać do pięciu.

205
00:16:48,940 --> 00:16:49,960
To działa prawidłowo.

206
00:16:49,960 --> 00:16:50,950
Docieramy do pięciu.

207
00:16:51,100 --> 00:16:59,840
I kliknij przycisk reset i nie nazwali funkcję resetowania wewnątrz tego detektora zdarzeń więc musimy dodać nasz wywołanie funkcji resetu.

208
00:16:59,950 --> 00:17:02,370
A teraz, jeśli odświeżyć mamy do 5.

209
00:17:02,770 --> 00:17:03,980
I kliknij przycisk Reset.

210
00:17:04,030 --> 00:17:04,970
To wszystko jest dobre.

211
00:17:05,140 --> 00:17:11,890
A teraz, gdy jestem w środku gry i zmienić wynik też przywraca nas i teraz gramy na 1.

212
00:17:11,890 --> 00:17:12,800
I to działa.

213
00:17:13,100 --> 00:17:14,220
Albo jeśli zmienię.

214
00:17:14,230 --> 00:17:17,710
Więc jesteśmy teraz w grę do 7.

215
00:17:17,800 --> 00:17:19,730
Resetuje nas z powrotem do zera.

216
00:17:20,020 --> 00:17:27,190
Więc jeśli zdecyduję wiesz, że to jest rzeczywiście gra będzie 2 zamiast zmienia specyfikację do zera.

217
00:17:27,280 --> 00:17:29,910
I nie musimy się martwić, jak go obsłużyć.

218
00:17:29,920 --> 00:17:31,380
Jeśli mamy zmienić w połowie.

219
00:17:31,510 --> 00:17:40,900
Więc co robimy jest po prostu przywróceniu ustawień fabrycznych wykonane oddzielną funkcję wysychać kod zamiast powielać to tutaj i tutaj.

220
00:17:40,960 --> 00:17:41,940
Więc to wszystko na teraz.

221
00:17:41,950 --> 00:17:43,510
To wszystko, co musimy zrobić.

222
00:17:43,630 --> 00:17:48,610
Niektórzy z Was mogą się zastanawiać, czy ten kod jest naprawdę najlepszym sposobem, że moglibyśmy to zrobić.

223
00:17:48,620 --> 00:17:49,590
Odpowiedź brzmi nie.

224
00:17:49,850 --> 00:17:54,500
A jeśli wziąć bliska zobaczysz, że jest to bardzo podobne.

225
00:17:54,490 --> 00:18:00,150
Jest to w zasadzie to samo, z wyjątkiem jednego robimy tu i P2 tutaj.

226
00:18:00,160 --> 00:18:01,930
A wszystkie inne słowo takie same.

227
00:18:02,470 --> 00:18:06,390
Tak więc istnieją bardziej zaawansowane sposoby refaktoryzacji tym dokonywania tego trochę lepiej.

228
00:18:06,490 --> 00:18:18,170
Ale ja nie zamierzam tego robić tutaj, ponieważ wszystko, co chcę skupić się na to pod względem koncepcyjnym, jak możemy podjąć obsługa JavaScript detektory zdarzeń selektorów dominującą relację i interaktywne HD IMO i to właśnie chcę się skupić.

229
00:18:18,380 --> 00:18:25,010
Ale po prostu wiem, że będziemy widzieć sposoby, aby kod jak to wygląda trochę lepiej być nieco krótszy.

230
00:18:25,030 --> 00:18:29,860
Jest jeszcze jedna rzecz, którą możemy zrobić tu i umieścić, że w detektora zdarzeń.

231
00:18:30,050 --> 00:18:38,620
Moglibyśmy po prostu wymienić wkład zdrętwiałe tutaj słowem jest to niewielka zmiana, ale możemy to zrobić i po prostu skrócić aż kod trochę.

232
00:18:38,740 --> 00:18:41,650
Więc jeśli mogę to zmienić jesteśmy teraz w grę do trzech.

233
00:18:41,650 --> 00:18:43,870
Wszystko nadal działa dokładnie tak samo.

234
00:18:43,880 --> 00:18:50,770
Używałem tego słowa kluczowego, które odnosi się do tego, co zostało zdarzenie słuchania na którym było wprowadzenie kodu.

235
00:18:50,990 --> 00:18:52,650
Dobrze więc, że jest to dla tej lekcji.

236
00:18:52,780 --> 00:18:59,010
Jak już wspomniano w kolejnym projekcie zamierzamy zbudować coś bardziej znaczące i obiecuję będzie wyglądać dużo lepiej niż to robił tutaj.