1
00:00:00,700 --> 00:00:02,670
OK, więc mamy zamiar odebrać w którym skończyliśmy.

2
00:00:02,790 --> 00:00:08,620
Mamy zamiar rozpocząć dodawanie niektórych zachowań po kliknięciu na odpowiedni kolor, a po kliknięciu w niewłaściwy kolor.

3
00:00:08,640 --> 00:00:10,860
Więc zacznijmy po podniesieniu niewłaściwy kolor.

4
00:00:11,010 --> 00:00:16,000
To, co chcemy zrobić, to znikną to na zewnątrz tak, że pasuje do koloru tła tutaj.

5
00:00:16,170 --> 00:00:18,070
Więc to jest naprawdę bardzo proste.

6
00:00:18,070 --> 00:00:31,080
To tylko kwestia pisania tego stylu dot że tło jest równy, a potem po prostu trzeba dopasować kolor, który możemy ustawić w naszym C Ss wygląda.

7
00:00:31,080 --> 00:00:33,980
Więc będziemy wklejać że i oszczędzać.

8
00:00:34,530 --> 00:00:35,470
Sprawdźmy to.

9
00:00:35,610 --> 00:00:37,050
Załóżmy, kliknij jeden z tych złych.

10
00:00:37,140 --> 00:00:41,670
Widać, że zanika, a jeśli kliknąłem prawo jeden wciąż otrzymujemy naszą czujność.

11
00:00:42,060 --> 00:00:43,710
OK, więc będę odświeżyć.

12
00:00:43,710 --> 00:00:45,490
Więc to, co mamy zamiar zacząć.

13
00:00:45,600 --> 00:00:52,280
A druga rzecz, którą chcemy się stało jest jednak chcemy wyświetlacz, dzięki czemu można zobaczyć tutaj tutaj.

14
00:00:52,320 --> 00:00:56,700
Nie będzie wyświetlacz więc jeśli klikam na jednym z kolorów i mówi spróbuj ponownie.

15
00:00:57,090 --> 00:01:05,620
A jeśli to dobrze jak tutaj wyświetla poprawne i skupią się na innych rzeczach, takich jak zmiana koloru.

16
00:01:05,820 --> 00:01:07,290
Gdy mamy tę pierwszą część.

17
00:01:07,350 --> 00:01:14,370
Warto więc dodać w niniejszym ustępie lub rozpiętości w rzeczywistości, co to jest i to poprawne wyświetlanie wiadomości.

18
00:01:14,370 --> 00:01:22,680
Więc wracamy do naszej HMO i mamy zamiar dodać kolejne div i rzeczywiście mają trzy lub cztery różne kawałki, które będą iść tutaj ostatecznie.

19
00:01:22,680 --> 00:01:26,890
Na razie to tylko będzie to mała rozpiętość że idzie wewnątrz tego div.

20
00:01:27,450 --> 00:01:29,220
Tak jak już wspomniałem to będzie więcej.

21
00:01:29,220 --> 00:01:36,480
Na razie to tylko rozpiętość to będzie puste, aby rozpocząć jak odświeżyć stronę można zobaczyć nie ma tutaj wiadomość.

22
00:01:36,480 --> 00:01:41,700
Więc mamy zamiar udać się tutaj mam pusty przedział i dajmy mu numeru identyfikacji a my po prostu nazwać komunikat.

23
00:01:41,910 --> 00:01:45,410
I w ten sposób możemy go wybrać zamiast naszej JavaScript.

24
00:01:45,420 --> 00:01:49,000
Więc chodźmy do naszego javascript teraz i wybrać to.

25
00:01:49,140 --> 00:02:02,870
Więc tutaj będziemy nazywać go wyświetlić komunikat rolnicze równa dokument i zrobimy selektora biegów zapytania zapytanie i że nazywamy to komunikat.

26
00:02:03,090 --> 00:02:04,410
Musimy identyfikator.

27
00:02:05,010 --> 00:02:06,400
Więc musimy łuk do Thora.

28
00:02:06,960 --> 00:02:09,110
A potem, jeśli użytkownik zgadnie źle.

29
00:02:09,210 --> 00:02:20,260
Wszystko, co musimy zrobić, to napisać wyświetlania wiadomości treść tekstu dot równa spróbuj ponownie.

30
00:02:21,180 --> 00:02:25,560
A jeśli odświeżyć i kliknięciu złego to naprawdę trudno dostrzec.

31
00:02:25,920 --> 00:02:28,470
Więc powinniśmy zmienić kolor tła lub kolor tekstu.

32
00:02:28,580 --> 00:02:30,120
Możemy to zrobić tutaj.

33
00:02:30,420 --> 00:02:37,320
Będziemy po prostu powiedzieć, że cały okres powinien mieć kolor biały, a jeśli są świeże.

34
00:02:37,320 --> 00:02:39,620
Teraz kliknięcie niewłaściwy.

35
00:02:39,690 --> 00:02:41,330
Mówi mi spróbować jeszcze raz.

36
00:02:41,910 --> 00:02:42,250
OK.

37
00:02:42,270 --> 00:02:44,620
A my wciąż otrzymuję, że dopóki nie dostanę właściwy.

38
00:02:44,760 --> 00:02:46,180
A my wciąż ten alert.

39
00:02:46,410 --> 00:02:54,680
Więc jeśli mamy prawidłowa, co chcemy zrobić, to zmienić, co możemy wyświetlić w tym wyświetlaczu.

40
00:02:54,780 --> 00:02:57,060
Chcemy to zmienić za prawidłowe.

41
00:02:57,300 --> 00:03:05,700
Więc wyświetlić komunikat, że treść tekstu równa poprawne.

42
00:03:06,630 --> 00:03:07,980
Właśnie tak.

43
00:03:08,080 --> 00:03:11,000
A teraz, jeśli spróbujemy to mamy to źle i po prostu spróbuj ponownie.

44
00:03:11,190 --> 00:03:13,730
Mamy zrobić to dobrze i to mówi nam prawidłowe.

45
00:03:14,100 --> 00:03:14,340
OK.

46
00:03:14,340 --> 00:03:21,280
Mamy więc, że podstawowa logika tam gdzie teraz jesteśmy sprawdzenie, czy mamy rację, czy źle, a my wyświetlając coś.

47
00:03:21,420 --> 00:03:28,940
Następną rzeczą, którą możemy zrobić, to dodać funkcję, gdzie, kiedy masz prawo odpowiedzieć na wszystkie kwadraty zmienić kolor, aby dopasować tę odpowiedź.

48
00:03:28,950 --> 00:03:32,180
Więc tutaj kliknąć właściwą odpowiedź Wszyscy stopień zmiany.

49
00:03:32,340 --> 00:03:35,370
A potem możemy też zrobić tło tej H1 jak również.

50
00:03:35,370 --> 00:03:38,360
Więc pierwszą rzeczą jaką trzeba zrobić aby to działało.

51
00:03:38,580 --> 00:03:43,900
Jestem rzeczywiście zamiar napisać oddzielną funkcję, aby zrobić to dla mnie po prostu utrzymać mój kod trochę bardziej zorganizowany.

52
00:03:44,040 --> 00:04:01,430
Zmień kolory i zajmie jeden argument ciąg kolorów, a następnie wewnątrz tutaj musimy pętli wszystkie kwadraty zmienić każdy kolor, aby dopasować dany kolor.

53
00:04:02,550 --> 00:04:15,770
Więc pętli wszystkich kwadratów mamy już zrobione, że tylko kwestią cztery var i równa zero jest mniejsza niż długość dot koloru lub kolorów tej długości Plus Plus.

54
00:04:15,970 --> 00:04:21,880
A potem w środku jest miejsce, gdzie musimy zmienić każdy kolor i zrobiliśmy to wcześniej już.

55
00:04:22,080 --> 00:04:23,530
To tylko kolory.

56
00:04:23,740 --> 00:04:35,260
Mam twardy styl tła równy kolor, który właśnie pod względem technicznym nasz kod zmieni każdy kwadrat pasujące do koloru.

57
00:04:35,370 --> 00:04:38,670
Więc w tym ten jeden, który jest prawidłowy kolor.

58
00:04:38,700 --> 00:04:42,640
To po prostu zastąpić go i zmienić go w takim samym kolorze, który jest obecnie.

59
00:04:42,660 --> 00:04:59,660
Możemy dodać trochę kodu to naprawić, ale niech po prostu zacząć z tym i wtedy musimy wywołać tę zmianę funkcji kolory i musimy zdać się we właściwym kolorze, która jest zmienna stworzyliśmy tutaj który jest stylizowany tło koloru został kliknięty.

60
00:04:59,790 --> 00:05:00,700
I robimy to.

61
00:05:00,750 --> 00:05:02,080
Jeśli zgadłeś poprawnie.

62
00:05:02,130 --> 00:05:05,600
Jeśli więc zapisać i odświeżyć sprawdzić, czy mamy jakiekolwiek błędy.

63
00:05:05,700 --> 00:05:06,330
Nie.

64
00:05:06,630 --> 00:05:07,770
A teraz nadszedł szybko.

65
00:05:07,770 --> 00:05:08,370
Źle.

66
00:05:08,400 --> 00:05:09,030
Źle.

67
00:05:10,050 --> 00:05:22,670
Prawidłowe i mamy problem, po kliknięciu na prawidłowe mówi nam, nie można ustawić właściwości tła niezdefiniowana jeśli spojrzymy na to, co mówi o kolorach i stylu tła.

68
00:05:22,770 --> 00:05:28,790
Oczywiście mamy tu problem, bo robię to na naszej tablicy kolorów, a to nie powinno być nasze kolory.

69
00:05:29,120 --> 00:05:30,570
To jest nasz wachlarz kolorów.

70
00:05:30,600 --> 00:05:35,070
Powinno być na macierzy kwadratów, która jest kwadraty, które staramy się zmienić.

71
00:05:35,060 --> 00:05:39,860
Co robiłem było tablica kolorów tylko struny.

72
00:05:39,960 --> 00:05:48,120
Tak więc spośród kwadratów długości, a teraz powinno być dobrze iść i wszyscy zmiana koloru, który został wybrany tak po prostu.

73
00:05:48,120 --> 00:05:48,790
W porządku.

74
00:05:48,900 --> 00:05:55,940
Więc następnym się skupmy się na uzyskanie losowych kolorów w tablicy, a następnie wybierając losowo kolor z tej tablicy.

75
00:05:55,940 --> 00:06:05,910
Więc mam zamiar zacząć od drugiej rzeczy, która jest zbieranie losowy kolor zamiast po prostu automatycznie podejmowania to trzy kolory, które pomogą nam wybrać losowy element z tej tablicy.

76
00:06:05,910 --> 00:06:07,830
Jestem rzeczywiście zamierza dokonać funkcję.

77
00:06:07,830 --> 00:06:17,910
A powodem robię to jeden oczyścić nasz kod ale jesteśmy rzeczywiście zamiar wykorzystać tę funkcję później, ponieważ za każdym razem, że możemy rozpocząć nową grę musimy wybrać nowy kolor.

78
00:06:17,940 --> 00:06:22,040
Więc jest to coś będziemy musieli zadzwonić kilka razy, aby tę pracę.

79
00:06:22,050 --> 00:06:25,200
Zamierzam uruchomić poprzez wywołanie funkcji, która nie istnieje jeszcze.

80
00:06:25,200 --> 00:06:29,460
Więc powiem kolor Picka równa i nazwijmy go.

81
00:06:29,460 --> 00:06:34,760
Wybierz kolor, a następnie musimy zdefiniować kolor wybrać.

82
00:06:34,980 --> 00:06:38,420
Więc przychodzę tu po prostu zrób to na dole teraz funkcjonować kilof.

83
00:06:38,430 --> 00:06:43,070
Kolor w tej funkcji musimy zrobić dwie rzeczy.

84
00:06:43,080 --> 00:06:45,330
Jednym z nich jest podnieść liczbę losową.

85
00:06:45,810 --> 00:06:50,650
Więc coś takiego jak 0 lub 1 lub 2, aż do ostatniego indeksu tej tablicy.

86
00:06:51,180 --> 00:06:57,220
A potem musimy wykorzystać ten numer, aby uzyskać dostęp kolor z tej tablicy i powrót tego koloru.

87
00:06:57,300 --> 00:06:59,070
Więc zacznijmy od pobrania liczbę losową.

88
00:06:59,220 --> 00:07:09,420
A sposób, w jaki odbieramy liczbę losową w javascript używa matematyki losowo i matematyki wyrywkowe wybierze numer pomiędzy 0 a 1 i nie obejmuje jeden.

89
00:07:09,420 --> 00:07:16,620
Więc pozwól mi pokazać, że matematyka nie przypadkowe i to długa długa dziesiętnym.

90
00:07:16,620 --> 00:07:28,850
Więc jeśli chcemy wygenerować liczbę między 0 i 6, na przykład do naśladowania Dayrell zrobilibyśmy matematyki w sposób losowy, a następnie pomnożyć.

91
00:07:29,000 --> 00:07:37,320
W naszym przypadku, jeśli zrobiliśmy tylko bilon 6 tak naprawdę nigdy nie uzyskać numer powyżej piątego punktu dziewięć dziewięć dziewięć dziewięć.

92
00:07:37,640 --> 00:07:48,350
Więc jeśli chcemy, że liczba przejść z jednego do góry i powiedzieć sześć możemy pomnożyć ją przez sześć, a następnie dodać jedną na końcu.

93
00:07:48,380 --> 00:07:53,570
Teraz możemy uzyskać tak wysokie, jak sześć punkt dziewięćdziesiąt dziewięć i aby uzyskać liczbę całkowitą.

94
00:07:53,580 --> 00:08:09,630
Następnie trzeba odrąbać że po przecinku, więc możemy użyć matematyki najwyższym piętrze, które jest inna metoda i że będzie po prostu wziąć cokolwiek jest zwracany z matematyki losowe pomnożenie przez 6 dodanie 1, a następnie usunąć wszystko po przecinku.

95
00:08:09,770 --> 00:08:13,790
A to daje nam liczb losowych między 1 i 6.

96
00:08:13,920 --> 00:08:18,460
Jak widać, ale niekoniecznie chce tylko między 1 a 6.

97
00:08:18,540 --> 00:08:22,090
Tablica ta w końcu może mieć tylko trzy elementy.

98
00:08:22,620 --> 00:08:25,800
Jak widać, kiedy idę do trybu łatwego tam tylko trzy kolory.

99
00:08:25,920 --> 00:08:27,600
Więc może to mieć trzy i może mieć sześć.

100
00:08:27,690 --> 00:08:42,690
Więc będziemy po prostu użyć długość tablicy, aby wygenerować nasz kolor tak będzie wyglądać następująco matematyka myśli losowy będziemy generować liczbę pomiędzy 0 a 1, a następnie pomnożyć przez długość tablicy i to OK, gdyż należy pamiętać, że to nie jest w cenie.

101
00:08:42,750 --> 00:08:47,330
Tak więc, nawet jeśli długość tablicy jest o jeden więcej niż najwyższy wskaźnik.

102
00:08:47,390 --> 00:08:48,970
Tak więc długość wynosi sześć.

103
00:08:49,080 --> 00:08:51,040
Ale największa liczba chcemy wynosi pięć.

104
00:08:51,410 --> 00:08:54,500
Ponieważ liczba losowa idzie tylko między 0 i 1.

105
00:08:54,500 --> 00:08:57,140
Ale to nie obejmuje jednego jesteśmy w dobrej kondycji.

106
00:08:57,330 --> 00:09:11,530
Więc jedziemy do wygenerowania tego i potem jedziemy do matematyki, że podłoga tej całej sprawy, która będzie odciąć pozostałą dziesiętny, a następnie raz mamy to zrobić, że daje nam liczbę losową.

107
00:09:11,610 --> 00:09:20,990
Następną rzeczą, którą musimy zrobić, to zapisać to do zmiennej, a następnie użyć tej zmiennej aby uzyskać dostęp do elementu z tablicy w tym indeksie.

108
00:09:21,000 --> 00:09:26,720
Tak więc mamy zamiar powiedzieć, że kolory powracają losowo.

109
00:09:26,730 --> 00:09:33,230
Więc to podnosi liczbę losową jak trzy, a następnie zwraca trzy kolory.

110
00:09:33,240 --> 00:09:33,630
W porządku.

111
00:09:33,620 --> 00:09:35,420
Warto więc sprawdzić to.

112
00:09:35,460 --> 00:09:36,490
Musimy wybrać kolor.

113
00:09:36,620 --> 00:09:39,150
Nazywamy wybrać kolor u góry tutaj.

114
00:09:39,480 --> 00:09:45,690
Więc jeśli odświeżyć należy spodziewać się tego zmienić, i to nie zmieni się odświeżyć.

115
00:09:45,720 --> 00:09:54,170
Widać czasami można uzyskać ten sam jeden, bo jest tylko sześć i oni nigdy się nie zmieniają, ale zmienia się prawie za każdym razem.

116
00:09:54,170 --> 00:09:57,900
Teraz sprawdź, czy nasza szybkie logika działa w ten sam sposób.

117
00:09:57,890 --> 00:10:03,060
Więc jeśli kliknę ten jest zerem czerwony zera zielony i niebieski wszystkich.

118
00:10:03,060 --> 00:10:05,430
Więc spróbujmy klikając na czerwony turkusowy.

119
00:10:05,420 --> 00:10:06,120
Dobry.