W porządku.
Witamy spowrotem.
I ten film zamierzamy uruchomić poprzez zmierzenie kilku podstawowych funkcjonalności naszej liście.
Mamy zamiar rozpocząć łatwo i przyjemnie, dodając szybko słuchaczy do aliantów tak, że gdy klikniemy mamy trochę przekreślenia efekt, który można zobaczyć tutaj, a oni GREA zewnątrz.
A zanim to zrobimy Jestem rzeczywiście zamierza zmienić nasze tło trochę tutaj.
Mam zamiar pozbyć się tego tła.
A potem mam zamiar dodać ramkę zamiast.
Więc nasza granica będzie dwa pikseli stałe szara tylko niewielka zmiana, ale uczyni to tak, że łatwiej jest zobaczyć, kiedy zwracamy się one szare.
Gdybyśmy mieli wielkie tło to będzie po prostu całkowicie mieszają się.
OK.
Więc to, co chcemy, aby stało się, gdy klikniemy na sojusznika tekst wewnątrz oka jest szary i dodać efekt przekreślenia.
Więc chodźmy do naszego pliku javascript.
Zacznijmy dodając krótki komentarz, w którym możemy odhaczyć specyficzne Dewes klikając a następnie zróbmy tę pracę.
Więc musimy wybrać wszystkie sojuszników.
Więc wszystko co musisz zrobić, to sojusznik zamiast znaku dolara, a potem zrobimy kliknięcie.
A kiedy kliknij tutaj jest funkcja, że ​​chcemy uruchomić funkcję wywołania zwrotnego i zaczniemy po prostu ładny alert kliknięciu sojusznikiem i wrócić i upewnić się, że kiedy odświeżyć i kliknij sojusznika mówi nam, że kliknął sojusznikiem ale nigdzie indziej to się stało.
Wspaniały.
Następna w kolejce niech pracują na zmianę indywidualnej sojusznika że kliknął i zmieniając jego kolor koloru i przekreślenie lub efekt dekoracji tekstu, a nie alarmując, co chcemy zrobić, to użyć metody dot CSSA a co za tym patrz SS Idziemy chcą pracować z właściwością koloru i obrócić szary kolor i właściwości dekoracji tekstu i dokonać tego poprzez linię.
Zacznijmy od koloru.
Tak to będzie wyglądać kolor szary tak po prostu.
A potem musimy zdecydować, co mamy do stosowania, które co mamy wyboru.
I to nie jest to, co chcemy zrobić, jeśli po prostu wybrać kłamstwo i zrobić gutsiest nas.
Teraz po kliknięciu wszyscy się szary i wiem, że jest to trochę trudne do zauważenia, że ​​jeśli zrobię coś bardziej oczywistego jak czerwony, gdy kliknę.
Wszyscy stają się czerwone, które nie jest to, co chcemy, co chcemy, a nie tylko ten, który został kliknięty.
I w tym miejscu słowo klucz to przychodzi z owijki J Querrey.
To odnosi się do konkretnego kłamstwa, który został kliknięty i chcemy zmienić tylko jeden SEUS nas tak, że jego kolor jest szary.
I będziemy testować to.
Teraz kliknij na indywidualnym sojusznika i okazuje szarości.
Oczywiście, że nie zawrócić do czerni, gdy kliknę ponownie.
Nie mamy tę funkcjonalność.
Teraz przejdźmy do przekreślenia z linią przechodzącą przez efekt więc możemy zrobić kolejną linię takiego.
To robi SEUS us a następnie dekoracji tekstu okrężnicy lub linia przecinek kreska przez i zapisać i wrócić brakuje Prentis zobaczyć tutaj.
Teraz, gdy klikniemy uzyskujemy efekt przekreślenia tam i zmienia kolor na szary.
Ale oczywiście zawsze istnieje łatwiejszy sposób to zrobić.
Tak więc, zamiast robić to na dwóch oddzielnych linii mogłeś sobie, jak możemy zdefiniować obiekt z par wartości klucza i po prostu zrobić jeden to wezwanie CSSA.
Więc musieliśmy dodać obiekt tutaj ot tak i musimy włożyć w kolorze szarym przecinkiem.
I to jest trochę trudne, jeśli robimy tekstu Dasch dekorację w obiekcie i ustawić to za pośrednictwem linii.
I zapisać i odświeżyć widać nic się nie dzieje.
Oni rzeczywiście pojawia się błąd, ponieważ w javascript Nie można mieć nazwy właściwości, które mają łączniki w nich.
Więc jeśli używamy składni, gdzie definiujemy obiekt musimy użyć deklaracji tekstu na wielbłądzie sprawę, która jest zawsze trochę skomplikowane.
A jeśli są świeże Teraz widać, że uzna, że ​​dekoracja tekst tak, własności CSSA i ma zastosowanie linię przez i szary kolor.
Następną rzeczą, którą możesz zrobić, to włączyć go z powrotem do czerni i pozbyć się linii przez jedno kliknięcie ponownie.
Aby to zrobić użyjemy prosty if.
Będziemy więc sprawdzić, czy Ally jest szara to będziemy przekształcić go czarna indziej przekształcić go na szaro.
Więc, by sprawdzić, czy kłamstwo jest szary, co możemy zrobić, jeśli i my możemy korzystać z tej rzeczy.
SS A jeśli po prostu robimy to w ten sposób, więc jeśli by sprawdzić, czy sojusznikiem jest szary faktycznie możemy skorzystać z tej kropki C SS i poprosić go o kolorze bez podania inną wartość i że będzie pobierać aktualny kolor.
Więc mamy if jeśli to widzi poczucie koloru jest równa szary.
Zróbmy dziennik koncert jest aktualnie szary i to wszystko ze względu na start.
Więc to posprzątać trochę i nie mamy albo jeszcze tak będziemy po prostu zostawić go, jak to jest i wrócić.
Jeśli więc odświeżyć i otwieramy konsolę i kliknij na jeden z nich nie mówi nam nic jeszcze, ponieważ nie jest szary.
Ale teraz, gdy kliknę ponownie nadal nie działa.
A powodem tego jest trochę trudne.
Jeśli wrócimy tutaj.
Rzućmy okiem na to, co to robi CSSA kolor jest poza if.
Więc zrobimy konsolę logowania.
Zaczyna kolor SS i odśwież stronę.
A kiedy klikam zobaczysz, że zaczyna się jak R. G. 000.
A jeśli kliknę ponownie mamy do ustawiania koloru być szary i uważamy, że jest to szara teraz jeśli mamy kontroli.
Mówi, że kolor jest szary, ale gdy klikam znowu to rzeczywiście R. G. wersja.
Kiedy więc mamy porównanie, aby sprawdzić, czy kolor jest równa szarości, które nie będzie działać.
Musimy porównać go do R. G. wynosić 1 2 8 1 2 8 1 2 8.
A teraz, jeśli spróbujemy to i odświeżyć powinniśmy zobaczyć po kliknięciu po raz pierwszy nic nie mogę kliknąć ponownie.
Teraz mówi, że obecnie jest szary.
OK.
Tak więc możemy użyć.
Więc zamiast po prostu drukowania jest obecnie Siwy.
To, co chcemy zrobić, to włączyć go na czarno.
Więc zrobimy to, że nas widzą kolor, a my po prostu wrócić do czarnego.
Właśnie tak.
A potem możemy obsłużyć dekoracji tekstu w ciągu sekundy.
Więc odświeżyć i klikamy i mamy szarości.
A jeśli kliknę ponownie nadal nie będzie działać.
A to dlatego, że jesteśmy po prostu zastąpieniem go na końcu tutaj.
Jesteśmy przekręcanie szary każdym razem.
Dlatego chcemy, aby poruszać się, że nasz indziej, więc dodamy oświadczenie innego tutaj i będziemy to zrobić tylko wtedy, gdy nie jest to obecnie Siwy.
W porządku.
Powinniśmy więc być dobre.
Teraz po prostu przenieść ten komentarz tutaj czyste rzeczy się trochę i odświeżyć.
Klikamy okazuje szary kucharz znów wraca do czarnego.
Wciąż mamy linię przez ale przynajmniej kolor się zmienia.
Tak więc, aby pozbyć się linii przez to wszystko musimy zrobić, to po prostu skopiować to lub przerobić obiekt.
I zamiast być ustawienie koloru szarego zrobimy to czarny.
I zamiast dekoracji tekstu do linii za pośrednictwem będziemy ustawić go za żadne.
A teraz, jeśli były świeże i bardzo szybko jesteśmy przełączanie się robi i wyłączać, gdzie mamy szare i prostą przechodzącą przez punkty.
Miejmy nadzieję, że będziemy przez to widzisz, że jest to rodzaj dużo pracy do wykonania tej kontroli.
Czy obecnie Siwy.
RGV 128 128 128, czy to wtedy zrobimy to czarny i usunąć dekoracji tekstu.
Inaczej to zrobić.
Jest znacznie łatwiejszy sposób, że nie mamy faktycznie zrobić żadnej z tą logiką.
Co możemy zrobić, to utworzyć klasę, więc musimy utworzyć klasę w naszej Css, a my nazywamy to zakończone lub po prostu zakończone i będzie miał kolor szary.
Nie potrzebujemy tych cytatów.
Nie jesteśmy w JavaScript i tekst dekoracji będzie linia przechodząca i zapisać, a następnie są to zrobić.
Tak naprawdę możemy wymienić cały ten kod i usunięciu wszystkich i wszystko, co chcesz zrobić, to ta klasa dot przełącznik zakończone pojedynczą linię.
Więc kiedy klikamy na sojusznika mamy zamiar przełączana klasę na szkiełku, że kliknął klasy ukończone i że będzie to szary i nadać mu linię poprzez efekt i będzie śledzić, czy to musi go usunąć lub dodawane automatycznie.
Więc widać tutaj, że wygląda dokładnie tak samo jak to miało miejsce wcześniej.