OK wrócimy w tym filmie.
Jedziemy do pracy nad kilkoma nowymi funkcjami.
Pierwszym z nich jest to, kiedy wygrać.
Mówi mi poprawne.
A potem mogę kliknąć zagrać jeszcze raz, aby uzyskać nowe kolory, a jeśli jeszcze nie wygrał.
Ale chcę też nowe kolory, ponieważ z jakiegoś powodu nie podoba mi się kolory, które mam.
Mogę też kliknąć ten przycisk nowej kolorystyce.
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.
Więc ten przycisk, to robi to samo.
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ć.
Ale mogę też kliknąć nowe kolory i że będzie również zresetować go.
Więc to, co mamy zamiar skupić.
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.
I zawiera wiadomości, które już mamy.
A potem dwa przyciski, które zrobimy później.
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ć.
A potem mamy już nasz środku rozpiętości, że pokaże coś takiego poprawne lub spróbuj ponownie.
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ć.
OK, że wygląda o tak źle, jak można by oczekiwać.
Idziemy do przodu i dodać biały kolor tła i centrum wszystkiego w tym dział Więc nasz div nazywa się pasek.
Chodźmy do naszej Css i mamy zamiar wybrać Strype który jest identyfikator.
Więc musimy użyć pasek z musztarda po obiedzie.
I mamy zamiar ustawić tło kolor tła na biały.
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.
A teraz, gdy odświeżam masz białą div przechodzi przez całą drogę w poprzek.
To jest trochę wyższy niż było.
Mamy tu po prostu przycisk, by cokolwiek.
A jeśli wygram lub stracić lub uzyskać złą odpowiedź istnieje rozpiętość po prostu nie można go zobaczyć.
A to dlatego, że tekst z tego zakresu jest biały.
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.
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.
Chodzi o to, iż jest to ustawienie kolorów tak, aby być czarne na div z ID paskiem.
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.
Więc mamy kilka opcji.
Co zrobię to właściwie tylko pozbyć się tego teraz.
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.
W ten sam sposób, że ta rozpiętość tutaj jest czarny.
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.
A to nasza striked go.
OK.
Więc teraz pracować na uzyskanie tego przycisku, aby zresetować grę więc zacząć musimy dodać detektor zdarzeń.
A zanim to zrobimy musimy wybrać ten przycisk.
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.
Więc przycisk reset var równa udokumentować, że selektor zapytania z naszej oktawy lub zresetować.
A potem jak zawsze Chciałbym dodać mój prosty detektor zdarzeń testu.
Więc przycisk reset nie dodać detektor zdarzeń.
Kliknij i kiedy klikamy wszystko, co zrobimy to zrobić prosty powiadomienie szybki przycisk reset tak po prostu być odświeżania.
A jeśli kliknę na ten temat mogę otrzymać alert, a to oznacza, że ​​jesteśmy dobrze iść.
Więc następnym się rzeczywiście możemy pracować na logice zresetować.
Więc to, co musimy zrobić, niech napisać kod pseudo.
Po kliknięciu tego przycisku należy wygenerować wszystkie nowe kolory.
Musimy wybrać nowy losowy kolor z tablicy i to musimy zmienić kolory kwadratów na stronie.
Tak, aby wygenerować wszystkie nowe kolory faktycznie już tę funkcję istniejącą generowania losowych kolorów.
Więc po prostu powiedzieć, kolory jest teraz równa generuje losowe kolory sześciu.
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.
Jest jeszcze jedna rzecz, którą naprawdę trzeba zrobić, co zmienić kolor wyświetlacza pasujące do nowej rozgrywki kolor.
Więc po prostu powiedzieć, zmiana koloru wyświetlacza, aby dopasować kolor zbierane tak, że jeden jest prosta.
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.
Nie widzisz ich, ponieważ jeszcze nie mamy tego kodu.
A potem to wybranie jednej z tych, jak odebrał koloru, a następnie zmieniając to, co widzimy tutaj, aby dopasować kolor Picta.
Więc to daje nam nowy kolor losowy tam i sześć losowo wybranych kolorów za kulisami.
Więc ostatni kawałek jest w celu odzwierciedlenia tych sześć nowych kolorów na stronie i zrobiliśmy wcześniej.
Tu na dole mamy pętlę po wszystkich placach, a my zmieniamy się styl, kwadrat tła, kolory.
I tak mam zamiar zacząć od tylko powielanie tego wszystkiego tutaj a byłaby to.
Ale na początek, aby umieścić to wszystko tutaj.
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.
będę oszczędzać.
A jeśli odświeżyć i klikamy na nowych kolorach generuje 60 losowo wybranych kolorów.
Znalazło jeden.
To aktualizuje wyświetlacz odzwierciedlać kolory obrazu i zmienia wszystkie sześć kwadratów, aby dopasować nowe sześciu kolorów.
Warto więc go wypróbować i zobaczyć, czy nasz poprzedni logika posiada również.
OK.
Więc ten jest przyzwoita ilość czerwonego.
Bardzo mały zielony i przyzwoitą ilość niebieskiego.
Spróbujmy klikając na niektórych, że nie sądzę, mają rację.
A teraz chodźmy na jedną z purpury.
Wygląda więc na to trochę bardziej czerwony z niebieskim.
Więc jadę do odgadnięcia tego i mamy rację i wygląda rzeczy są nadal działa dobrze.
Szybkie nowe kolory ponownie.
Chcemy przywrócić to.
To naprawdę drobne rzeczy kosmetyczne.
Ale kiedy klikamy na nowe kolory powinniśmy przywrócić wyświetlanie tutaj tak, że wraca do czerni lub tym ciemnym kolorze szarym.
Drugą rzeczą, którą chcesz zrobić, to że kiedy gdy chcemy powiedzieć, że znowu grać jak widać tutaj tak wygram tutaj.
Ten jest dużo zieleni.
Wygram i mówi mi grać znowu i robi to samo.
Funkcjonalnie tak naprawdę nie zmienia to tylko my i inny tekst.
Więc to jest proste do zrobienia.
Wszystko, co musimy zrobić, to znaleźć gdzie kod jest sprawdzenie, czy wygrasz.
To właśnie tutaj.
A potem po prostu chcemy zmienić zawartość tekstową z tego przycisku.
Więc przycisk nazwano przycisk reset.
przycisk, który treść tekstu równa zagrać jeszcze raz ze znakiem zapytania odświeżyć mówi nowe kolory więc zresetowane.
Teraz spróbujmy grając jedną z nich.
Więc ten jest dużo czerwonego i dużo zieleni i trochę niebieskiego.
Tak dużo czerwonego i dużo zieleni ma dać nam barwę żółtą.
Warto więc zawężenia niektóre z nich.
A potem trochę błękitu ma zamiar zrobić to lżejsze i jaśniejsze.
Tak więc, jeśli spróbujemy jeden z nich jak ten lub ten jeden zobaczysz, że nie są one dość dobrze.
I to jest nasza odpowiedź tutaj i to mówi nam grać ponownie.
I bardzo szybko i robi dokładnie to samo.
Ostatnią rzeczą, jak już wspomniałem jest zmiana koloru tła z powrotem.
Więc tutaj można po prostu zrobić na końcu przycisku reset.
Jesteśmy po prostu będzie zaznaczyć, że H-1.
To jedna kropka które wybraliśmy tutaj.
To dial-up tło.
UPS jest równa.
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.
Albo możemy ustawić go tutaj, kiedy wyeliminujemy jeden z kolorów jeśli wybierzesz niewłaściwy kolor.
To zmienić kolor tła, który jest taki sam jak w organizmie.
OK, niech odświeżyć nowe kolory.
Załóżmy teraz wygrać.
Wystarczy szybkie losowo dla samego czasu klikamy na grę ponownie i zmienia się z powrotem na czarnym tle.
Lub ciemnoszare tło.
OK, więc to wszystko do tego filmu.
Następna w kolejce mamy zamiar dodać przyciski, aby wybrać pomiędzy trybem łatwy i twarde.