OK, więc mamy zamiar odebrać w którym skończyliśmy.
Mamy zamiar rozpocząć dodawanie niektórych zachowań po kliknięciu na odpowiedni kolor, a po kliknięciu w niewłaściwy kolor.
Więc zacznijmy po podniesieniu niewłaściwy kolor.
To, co chcemy zrobić, to znikną to na zewnątrz tak, że pasuje do koloru tła tutaj.
Więc to jest naprawdę bardzo proste.
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.
Więc będziemy wklejać że i oszczędzać.
Sprawdźmy to.
Załóżmy, kliknij jeden z tych złych.
Widać, że zanika, a jeśli kliknąłem prawo jeden wciąż otrzymujemy naszą czujność.
OK, więc będę odświeżyć.
Więc to, co mamy zamiar zacząć.
A druga rzecz, którą chcemy się stało jest jednak chcemy wyświetlacz, dzięki czemu można zobaczyć tutaj tutaj.
Nie będzie wyświetlacz więc jeśli klikam na jednym z kolorów i mówi spróbuj ponownie.
A jeśli to dobrze jak tutaj wyświetla poprawne i skupią się na innych rzeczach, takich jak zmiana koloru.
Gdy mamy tę pierwszą część.
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.
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.
Na razie to tylko będzie to mała rozpiętość że idzie wewnątrz tego div.
Tak jak już wspomniałem to będzie więcej.
Na razie to tylko rozpiętość to będzie puste, aby rozpocząć jak odświeżyć stronę można zobaczyć nie ma tutaj wiadomość.
Więc mamy zamiar udać się tutaj mam pusty przedział i dajmy mu numeru identyfikacji a my po prostu nazwać komunikat.
I w ten sposób możemy go wybrać zamiast naszej JavaScript.
Więc chodźmy do naszego javascript teraz i wybrać to.
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.
Musimy identyfikator.
Więc musimy łuk do Thora.
A potem, jeśli użytkownik zgadnie źle.
Wszystko, co musimy zrobić, to napisać wyświetlania wiadomości treść tekstu dot równa spróbuj ponownie.
A jeśli odświeżyć i kliknięciu złego to naprawdę trudno dostrzec.
Więc powinniśmy zmienić kolor tła lub kolor tekstu.
Możemy to zrobić tutaj.
Będziemy po prostu powiedzieć, że cały okres powinien mieć kolor biały, a jeśli są świeże.
Teraz kliknięcie niewłaściwy.
Mówi mi spróbować jeszcze raz.
OK.
A my wciąż otrzymuję, że dopóki nie dostanę właściwy.
A my wciąż ten alert.
Więc jeśli mamy prawidłowa, co chcemy zrobić, to zmienić, co możemy wyświetlić w tym wyświetlaczu.
Chcemy to zmienić za prawidłowe.
Więc wyświetlić komunikat, że treść tekstu równa poprawne.
Właśnie tak.
A teraz, jeśli spróbujemy to mamy to źle i po prostu spróbuj ponownie.
Mamy zrobić to dobrze i to mówi nam prawidłowe.
OK.
Mamy więc, że podstawowa logika tam gdzie teraz jesteśmy sprawdzenie, czy mamy rację, czy źle, a my wyświetlając coś.
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ź.
Więc tutaj kliknąć właściwą odpowiedź Wszyscy stopień zmiany.
A potem możemy też zrobić tło tej H1 jak również.
Więc pierwszą rzeczą jaką trzeba zrobić aby to działało.
Jestem rzeczywiście zamiar napisać oddzielną funkcję, aby zrobić to dla mnie po prostu utrzymać mój kod trochę bardziej zorganizowany.
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.
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.
A potem w środku jest miejsce, gdzie musimy zmienić każdy kolor i zrobiliśmy to wcześniej już.
To tylko kolory.
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.
Więc w tym ten jeden, który jest prawidłowy kolor.
To po prostu zastąpić go i zmienić go w takim samym kolorze, który jest obecnie.
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.
I robimy to.
Jeśli zgadłeś poprawnie.
Jeśli więc zapisać i odświeżyć sprawdzić, czy mamy jakiekolwiek błędy.
Nie.
A teraz nadszedł szybko.
Źle.
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.
Oczywiście mamy tu problem, bo robię to na naszej tablicy kolorów, a to nie powinno być nasze kolory.
To jest nasz wachlarz kolorów.
Powinno być na macierzy kwadratów, która jest kwadraty, które staramy się zmienić.
Co robiłem było tablica kolorów tylko struny.
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.
W porządku.
Więc następnym się skupmy się na uzyskanie losowych kolorów w tablicy, a następnie wybierając losowo kolor z tej tablicy.
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.
Jestem rzeczywiście zamierza dokonać funkcję.
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.
Więc jest to coś będziemy musieli zadzwonić kilka razy, aby tę pracę.
Zamierzam uruchomić poprzez wywołanie funkcji, która nie istnieje jeszcze.
Więc powiem kolor Picka równa i nazwijmy go.
Wybierz kolor, a następnie musimy zdefiniować kolor wybrać.
Więc przychodzę tu po prostu zrób to na dole teraz funkcjonować kilof.
Kolor w tej funkcji musimy zrobić dwie rzeczy.
Jednym z nich jest podnieść liczbę losową.
Więc coś takiego jak 0 lub 1 lub 2, aż do ostatniego indeksu tej tablicy.
A potem musimy wykorzystać ten numer, aby uzyskać dostęp kolor z tej tablicy i powrót tego koloru.
Więc zacznijmy od pobrania liczbę losową.
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.
Więc pozwól mi pokazać, że matematyka nie przypadkowe i to długa długa dziesiętnym.
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ć.
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ęć.
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.
Teraz możemy uzyskać tak wysokie, jak sześć punkt dziewięćdziesiąt dziewięć i aby uzyskać liczbę całkowitą.
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.
A to daje nam liczb losowych między 1 i 6.
Jak widać, ale niekoniecznie chce tylko między 1 a 6.
Tablica ta w końcu może mieć tylko trzy elementy.
Jak widać, kiedy idę do trybu łatwego tam tylko trzy kolory.
Więc może to mieć trzy i może mieć sześć.
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.
Tak więc, nawet jeśli długość tablicy jest o jeden więcej niż najwyższy wskaźnik.
Tak więc długość wynosi sześć.
Ale największa liczba chcemy wynosi pięć.
Ponieważ liczba losowa idzie tylko między 0 i 1.
Ale to nie obejmuje jednego jesteśmy w dobrej kondycji.
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ą.
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.
Tak więc mamy zamiar powiedzieć, że kolory powracają losowo.
Więc to podnosi liczbę losową jak trzy, a następnie zwraca trzy kolory.
W porządku.
Warto więc sprawdzić to.
Musimy wybrać kolor.
Nazywamy wybrać kolor u góry tutaj.
Więc jeśli odświeżyć należy spodziewać się tego zmienić, i to nie zmieni się odświeżyć.
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.
Teraz sprawdź, czy nasza szybkie logika działa w ten sam sposób.
Więc jeśli kliknę ten jest zerem czerwony zera zielony i niebieski wszystkich.
Więc spróbujmy klikając na czerwony turkusowy.
Dobry.