1
00:00:00,650 --> 00:00:02,670
OK wrócimy w tym filmie.

2
00:00:02,670 --> 00:00:05,040
Jedziemy do pracy nad kilkoma nowymi funkcjami.

3
00:00:05,040 --> 00:00:08,190
Pierwszym z nich jest to, kiedy wygrać.

4
00:00:08,460 --> 00:00:09,410
Mówi mi poprawne.

5
00:00:09,630 --> 00:00:15,440
A potem mogę kliknąć zagrać jeszcze raz, aby uzyskać nowe kolory, a jeśli jeszcze nie wygrał.

6
00:00:15,530 --> 00:00:19,460
Ale chcę też nowe kolory, ponieważ z jakiegoś powodu nie podoba mi się kolory, które mam.

7
00:00:19,680 --> 00:00:21,750
Mogę też kliknąć ten przycisk nowej kolorystyce.

8
00:00:21,930 --> 00:00:32,770
Więc w zasadzie musimy przycisk, który będzie zresetować grę wybrać nowe kolory wybrać nowy kolor losowo pojawiają się z sześciu kolorów losowych i wrócimy do łatwego i twardej trybie ostatni.

9
00:00:32,940 --> 00:00:35,870
Więc ten przycisk, to robi to samo.

10
00:00:36,040 --> 00:00:44,150
Zmiany tekstu ale jeśli wygraliśmy grę i zapytał, czy chcemy zagrać jeszcze raz, dzięki czemu możemy kliknąć zagrać jeszcze raz, i że będzie mógł go zresetować.

11
00:00:44,220 --> 00:00:48,540
Ale mogę też kliknąć nowe kolory i że będzie również zresetować go.

12
00:00:48,570 --> 00:00:49,840
Więc to, co mamy zamiar skupić.

13
00:00:50,010 --> 00:01:00,290
I zacząć mam zamiar iść do przodu i dodać przycisk a następnie dodać ten pasek, który przechodzi w poprzek tak, że pasek będzie zawierał ten przycisk dla nowego koloru lub do zabawy ponownie.

14
00:01:00,870 --> 00:01:02,890
I zawiera wiadomości, które już mamy.

15
00:01:03,060 --> 00:01:04,970
A potem dwa przyciski, które zrobimy później.

16
00:01:05,250 --> 00:01:14,240
Więc jeśli pójdziemy pierwszą rzeczą, którą musisz zrobić, mamy już div Idę, aby nadać mu identyfikator paskiem, a następnie możemy użyć.

17
00:01:14,550 --> 00:01:19,560
A potem mamy już nasz środku rozpiętości, że pokaże coś takiego poprawne lub spróbuj ponownie.

18
00:01:19,590 --> 00:01:29,820
I wewnątrz tutaj musimy po prostu dodać nasz przycisk i przycisk ten będzie zacząć od stwierdzenia, nowe kolory możemy zaoszczędzić nam odświeżyć.

19
00:01:30,160 --> 00:01:33,140
OK, że wygląda o tak źle, jak można by oczekiwać.

20
00:01:33,330 --> 00:01:40,210
Idziemy do przodu i dodać biały kolor tła i centrum wszystkiego w tym dział Więc nasz div nazywa się pasek.

21
00:01:40,590 --> 00:01:45,220
Chodźmy do naszej Css i mamy zamiar wybrać Strype który jest identyfikator.

22
00:01:45,360 --> 00:01:48,970
Więc musimy użyć pasek z musztarda po obiedzie.

23
00:01:49,260 --> 00:01:54,580
I mamy zamiar ustawić tło kolor tła na biały.

24
00:01:54,660 --> 00:02:09,030
Mam zamiar ustawić wysokość na wysokości 30 pikseli, dzięki czemu możemy mieć ładny i wysoki div są stosunkowo wysokie div i mam zamiar ustawić wyrównanie tekstu będzie Center.

25
00:02:09,300 --> 00:02:13,330
A teraz, gdy odświeżam masz białą div przechodzi przez całą drogę w poprzek.

26
00:02:13,350 --> 00:02:15,220
To jest trochę wyższy niż było.

27
00:02:15,240 --> 00:02:17,230
Mamy tu po prostu przycisk, by cokolwiek.

28
00:02:17,400 --> 00:02:23,640
A jeśli wygram lub stracić lub uzyskać złą odpowiedź istnieje rozpiętość po prostu nie można go zobaczyć.

29
00:02:23,640 --> 00:02:27,290
A to dlatego, że tekst z tego zakresu jest biały.

30
00:02:28,380 --> 00:02:38,690
Więc co myślisz o zrobieniu dzieje w naszym paskiem div mówiąc kolor tekstu powinien być czarny, ale niestety to nie działa.

31
00:02:38,880 --> 00:02:59,710
I to jest kwestia specyfiki, ponieważ mówimy, że z tej linii tu wszystko wewnątrz rzeczy z ideą pasek powinien być czarny kolor tekstu czerni i można by pomyśleć OK to snidey, że jest bardzo specyficzna, jeśli można myśleć z powrotem do Nasze wczesne CSS specyficzność wykłady i ID jest bardzo specyficzny.

32
00:02:59,790 --> 00:03:05,440
Chodzi o to, iż jest to ustawienie kolorów tak, aby być czarne na div z ID paskiem.

33
00:03:05,970 --> 00:03:20,630
A potem mamy ustawieniu wszystkich przęseł więc można zobaczyć tutaj, aby być kolor biały tak, że ustawienie to być biały i sprawia, że ​​bardziej konkretne, ponieważ jesteśmy w rzeczywistości kierowanie samego elementu zamiast rodzica i po to dziedziczą kolor.

34
00:03:21,090 --> 00:03:22,570
Więc mamy kilka opcji.

35
00:03:22,590 --> 00:03:25,960
Co zrobię to właściwie tylko pozbyć się tego teraz.

36
00:03:26,040 --> 00:03:42,960
Nie zamierzamy ustawić kolor już być biały i możemy odświeżyć, a zobaczysz, że to nie zmienia koloru to wciąż biały rozpiętość chociaż pozbyliśmy wiersza, który powiedział, że wszyscy przęsła są białe i to bo to wewnątrz z H1 i dziedziczy kolor tekstu H1, który jest biały.

37
00:03:42,990 --> 00:03:45,590
W ten sam sposób, że ta rozpiętość tutaj jest czarny.

38
00:03:45,600 --> 00:03:55,160
Jest dziedziczona kolor tekstu czarny lub po prostu regularne kolorze czarnym z paskiem div, który jest wokół niego, które można zobaczyć tutaj kolor czarny.

39
00:03:55,410 --> 00:03:56,770
A to nasza striked go.

40
00:03:57,060 --> 00:03:57,660
OK.

41
00:03:57,810 --> 00:04:06,800
Więc teraz pracować na uzyskanie tego przycisku, aby zresetować grę więc zacząć musimy dodać detektor zdarzeń.

42
00:04:06,870 --> 00:04:09,750
A zanim to zrobimy musimy wybrać ten przycisk.

43
00:04:09,960 --> 00:04:21,000
Więc mam zamiar dać ten przycisk i identyfikator tutaj musimy po prostu nazwać ID równa zresetowany, a potem będziemy wybierać ten przycisk resetowania zamiast Javascript.

44
00:04:21,000 --> 00:04:31,980
Więc przycisk reset var równa udokumentować, że selektor zapytania z naszej oktawy lub zresetować.

45
00:04:31,980 --> 00:04:37,120
A potem jak zawsze Chciałbym dodać mój prosty detektor zdarzeń testu.

46
00:04:37,140 --> 00:04:40,680
Więc przycisk reset nie dodać detektor zdarzeń.

47
00:04:40,860 --> 00:04:52,820
Kliknij i kiedy klikamy wszystko, co zrobimy to zrobić prosty powiadomienie szybki przycisk reset tak po prostu być odświeżania.

48
00:04:52,970 --> 00:04:57,590
A jeśli kliknę na ten temat mogę otrzymać alert, a to oznacza, że ​​jesteśmy dobrze iść.

49
00:04:57,590 --> 00:05:01,030
Więc następnym się rzeczywiście możemy pracować na logice zresetować.

50
00:05:01,250 --> 00:05:03,890
Więc to, co musimy zrobić, niech napisać kod pseudo.

51
00:05:03,890 --> 00:05:10,030
Po kliknięciu tego przycisku należy wygenerować wszystkie nowe kolory.

52
00:05:10,040 --> 00:05:22,030
Musimy wybrać nowy losowy kolor z tablicy i to musimy zmienić kolory kwadratów na stronie.

53
00:05:22,280 --> 00:05:28,910
Tak, aby wygenerować wszystkie nowe kolory faktycznie już tę funkcję istniejącą generowania losowych kolorów.

54
00:05:29,030 --> 00:05:33,940
Więc po prostu powiedzieć, kolory jest teraz równa generuje losowe kolory sześciu.

55
00:05:34,580 --> 00:05:42,860
A potem możemy odebrać nowy losowy kolor więc wybrać kolor jest teraz równa wybrać kolor metody lub funkcji, które zdefiniowaliśmy.

56
00:05:42,860 --> 00:05:49,540
Jest jeszcze jedna rzecz, którą naprawdę trzeba zrobić, co zmienić kolor wyświetlacza pasujące do nowej rozgrywki kolor.

57
00:05:49,850 --> 00:06:01,090
Więc po prostu powiedzieć, zmiana koloru wyświetlacza, aby dopasować kolor zbierane tak, że jeden jest prosta.

58
00:06:01,160 --> 00:06:23,110
Wszystko, co musimy zrobić, to powiedzieć, treść tekstu kolorowy wyświetlacz dot równa zbierane kolor i jeśli odświeżyć naszą stronę i kliknij nowe kolory, co robi jest generowanie sześć nowych kolorów.

59
00:06:23,120 --> 00:06:25,400
Nie widzisz ich, ponieważ jeszcze nie mamy tego kodu.

60
00:06:25,580 --> 00:06:31,410
A potem to wybranie jednej z tych, jak odebrał koloru, a następnie zmieniając to, co widzimy tutaj, aby dopasować kolor Picta.

61
00:06:31,730 --> 00:06:36,220
Więc to daje nam nowy kolor losowy tam i sześć losowo wybranych kolorów za kulisami.

62
00:06:36,230 --> 00:06:42,230
Więc ostatni kawałek jest w celu odzwierciedlenia tych sześć nowych kolorów na stronie i zrobiliśmy wcześniej.

63
00:06:42,260 --> 00:06:50,440
Tu na dole mamy pętlę po wszystkich placach, a my zmieniamy się styl, kwadrat tła, kolory.

64
00:06:50,450 --> 00:06:56,060
I tak mam zamiar zacząć od tylko powielanie tego wszystkiego tutaj a byłaby to.

65
00:06:56,350 --> 00:06:58,340
Ale na początek, aby umieścić to wszystko tutaj.

66
00:06:58,370 --> 00:07:12,600
Więc pętli wszystkich kwadratów placów outflank ja plus plus i wtedy wszystko, co musisz zrobić, to powiedzieć, że styl, który kwadraty tła równa kolory.

67
00:07:13,020 --> 00:07:15,820
będę oszczędzać.

68
00:07:16,070 --> 00:07:21,660
A jeśli odświeżyć i klikamy na nowych kolorach generuje 60 losowo wybranych kolorów.

69
00:07:21,740 --> 00:07:22,820
Znalazło jeden.

70
00:07:22,820 --> 00:07:30,360
To aktualizuje wyświetlacz odzwierciedlać kolory obrazu i zmienia wszystkie sześć kwadratów, aby dopasować nowe sześciu kolorów.

71
00:07:30,710 --> 00:07:34,730
Warto więc go wypróbować i zobaczyć, czy nasz poprzedni logika posiada również.

72
00:07:35,240 --> 00:07:35,850
OK.

73
00:07:36,290 --> 00:07:39,130
Więc ten jest przyzwoita ilość czerwonego.

74
00:07:39,140 --> 00:07:41,460
Bardzo mały zielony i przyzwoitą ilość niebieskiego.

75
00:07:41,840 --> 00:07:45,280
Spróbujmy klikając na niektórych, że nie sądzę, mają rację.

76
00:07:46,160 --> 00:07:48,880
A teraz chodźmy na jedną z purpury.

77
00:07:49,070 --> 00:07:50,940
Wygląda więc na to trochę bardziej czerwony z niebieskim.

78
00:07:50,960 --> 00:07:56,510
Więc jadę do odgadnięcia tego i mamy rację i wygląda rzeczy są nadal działa dobrze.

79
00:07:56,540 --> 00:07:58,470
Szybkie nowe kolory ponownie.

80
00:07:58,610 --> 00:08:00,320
Chcemy przywrócić to.

81
00:08:00,320 --> 00:08:01,960
To naprawdę drobne rzeczy kosmetyczne.

82
00:08:02,030 --> 00:08:11,000
Ale kiedy klikamy na nowe kolory powinniśmy przywrócić wyświetlanie tutaj tak, że wraca do czerni lub tym ciemnym kolorze szarym.

83
00:08:11,000 --> 00:08:18,480
Drugą rzeczą, którą chcesz zrobić, to że kiedy gdy chcemy powiedzieć, że znowu grać jak widać tutaj tak wygram tutaj.

84
00:08:18,530 --> 00:08:20,350
Ten jest dużo zieleni.

85
00:08:20,540 --> 00:08:24,980
Wygram i mówi mi grać znowu i robi to samo.

86
00:08:24,980 --> 00:08:29,260
Funkcjonalnie tak naprawdę nie zmienia to tylko my i inny tekst.

87
00:08:29,300 --> 00:08:31,060
Więc to jest proste do zrobienia.

88
00:08:31,100 --> 00:08:35,150
Wszystko, co musimy zrobić, to znaleźć gdzie kod jest sprawdzenie, czy wygrasz.

89
00:08:35,180 --> 00:08:36,240
To właśnie tutaj.

90
00:08:36,620 --> 00:08:39,500
A potem po prostu chcemy zmienić zawartość tekstową z tego przycisku.

91
00:08:39,740 --> 00:08:41,820
Więc przycisk nazwano przycisk reset.

92
00:08:41,930 --> 00:08:52,700
przycisk, który treść tekstu równa zagrać jeszcze raz ze znakiem zapytania odświeżyć mówi nowe kolory więc zresetowane.

93
00:08:52,790 --> 00:08:54,560
Teraz spróbujmy grając jedną z nich.

94
00:08:54,740 --> 00:08:58,750
Więc ten jest dużo czerwonego i dużo zieleni i trochę niebieskiego.

95
00:08:58,790 --> 00:09:02,070
Tak dużo czerwonego i dużo zieleni ma dać nam barwę żółtą.

96
00:09:02,210 --> 00:09:04,100
Warto więc zawężenia niektóre z nich.

97
00:09:04,100 --> 00:09:08,180
A potem trochę błękitu ma zamiar zrobić to lżejsze i jaśniejsze.

98
00:09:08,480 --> 00:09:13,590
Tak więc, jeśli spróbujemy jeden z nich jak ten lub ten jeden zobaczysz, że nie są one dość dobrze.

99
00:09:13,880 --> 00:09:17,230
I to jest nasza odpowiedź tutaj i to mówi nam grać ponownie.

100
00:09:17,300 --> 00:09:20,120
I bardzo szybko i robi dokładnie to samo.

101
00:09:20,180 --> 00:09:23,570
Ostatnią rzeczą, jak już wspomniałem jest zmiana koloru tła z powrotem.

102
00:09:23,570 --> 00:09:28,430
Więc tutaj można po prostu zrobić na końcu przycisku reset.

103
00:09:28,520 --> 00:09:30,950
Jesteśmy po prostu będzie zaznaczyć, że H-1.

104
00:09:31,200 --> 00:09:34,610
To jedna kropka które wybraliśmy tutaj.

105
00:09:34,670 --> 00:09:37,090
To dial-up tło.

106
00:09:37,160 --> 00:09:40,600
UPS jest równa.

107
00:09:40,640 --> 00:09:49,560
I to, że w systemie szesnastkowym 2 3 2 3 2 3 czyli jeśli zapomniałeś o tym można iść spojrzeć w SEE oceny koloru tła ciała.

108
00:09:49,800 --> 00:09:55,410
Albo możemy ustawić go tutaj, kiedy wyeliminujemy jeden z kolorów jeśli wybierzesz niewłaściwy kolor.

109
00:09:55,580 --> 00:09:58,680
To zmienić kolor tła, który jest taki sam jak w organizmie.

110
00:09:59,150 --> 00:10:02,130
OK, niech odświeżyć nowe kolory.

111
00:10:02,330 --> 00:10:03,820
Załóżmy teraz wygrać.

112
00:10:04,010 --> 00:10:11,300
Wystarczy szybkie losowo dla samego czasu klikamy na grę ponownie i zmienia się z powrotem na czarnym tle.

113
00:10:11,310 --> 00:10:13,060
Lub ciemnoszare tło.

114
00:10:13,570 --> 00:10:15,530
OK, więc to wszystko do tego filmu.

115
00:10:15,530 --> 00:10:19,790
Następna w kolejce mamy zamiar dodać przyciski, aby wybrać pomiędzy trybem łatwy i twarde.