Witamy spowrotem.
W tym filmie będziemy zająć ostatni wielki pozostały kawałek funkcjonalności, która jest stworzenie nowego do zrobienia.
Więc tutaj od wersji wypełnionego po prostu pobiegać pamięć sposób, że działa to mogę wpisać je do Ciebie, a następnie naciśnij enter.
Więc nie ma przycisku do klikania.
Po prostu naciśnij enter, a następnie złożyć i mnie nowe zrobić tu na dole, które mogę sprawdzić wyłączyć lub usunąć.
Więc zacznijmy.
Pierwszą rzeczą, jaką musimy zrobić, to dodać detektor do wprowadzania tekstu, że pożary, kiedy nacisnąć klawisz enter.
Aby to zrobić, mamy kilka opcji.
Możemy użyć naciśnij klawisz lub możemy używać na musimy zacząć od wyboru wejścia i zamiast pozostawiać go jako tylko wejścia.
Zamierzam być bardziej szczegółowe i powiedzieć input type równa tekst.
Więc to będzie dotyczyć wszystkich wejść lub typ równa tekst ot tak, a następnie doda naszej kropką i użyję naciśnij klawisz tutaj input type zwraca naciśnij klawisz tekstu.
Oto funkcja zwrotna będziemy po prostu zacząć ze stałą dzienniku ALT, a ta stała dziennika będzie działać na każdym naciśnięciu klawisza nie tylko klawisz Enter.
Więc po prostu zachować naciśnij i zapisać i wrócić do przeglądarki i odśwież a my to otworzy się tutaj.
I kiedy nacisnąć klawisz widać, że mogę nacisnąć klawisz.
Więc będę hit inny klucz i że trzyma w górę.
Więc tak naprawdę nie chce nic robić, dopóki użytkownik wciśnie klawisz Enter.
Więc musimy zmienić kod trochę w filmie, gdzie wprowadzony kluczową metodę prasowej.
Ja również mówił o która to właściwość na obiekcie i naciśnięciu klawisza, który odpowiada klucza, który został naciśnięty lub kodu znaków klucza.
Więc będziemy używać, że tu i mamy zamiar sprawdzić, czy kod jest 13 znaków, który jest kod na klawisz Enter.
Więc musimy pracować z obiektu zdarzenia ponownie raz jeszcze, że można nazwać coś chcemy i wtedy będziemy działać, jeśli zdarzenie, które potrójne równa liczbie 13, który jest, w jaki sposób sprawdzić, czy klawisz Enter każdy ma swój własny charakter Kod i klucz wejść wynosi 13, a następnie musimy po prostu zrobić stałą dziennik.
Trafisz wejść i zapisać tu wrócić.
Teraz piszę pęk kluczy, które nie wchodzą.
A teraz mam zamiar nacisnąć enter.
Widać mamy rozmowy o dzienniku.
Trafisz wejść.
OK.
Więc zamiast po prostu zrezygnować zalogować kiedy nacisnąć enter, co musimy zrobić, to przyjąć tekst się stąd rozpakuj go dokonać nowego sojusznika, które następnie dodać po tym jednym, a potem chcemy usunąć ten wkład dlatego tekst odchodzi.
Więc zacznijmy od wydobywania wartości na zewnątrz i że jest dość prosta.
Użyjemy metody Val.
Dlatego chcemy, wartość na wejściu, które możemy po prostu zrobić z prostego tego ślubu.
Więc zróbmy policjanta.
zaloguj tego Darvell pamiętać, że to odnosi się do wejścia, aby nacisnąć przycisk doszło w odświeżaniu.
Wpisz cokolwiek to nie wejść.
Nic się nie dzieje.
Teraz, jeśli uderzę wprowadzić konsolę, która rejestruje wartość jak widać wpisuję Talo i nacisnąć enter.
Warto więc zapisać, że do zmiennej.
Nazwijmy to zrobić tekst równa samogłoskę start.
Więc to jest chwytając nowy tekst od wejścia.
A potem, co chcemy zrobić, to stworzyć nowy sojusznik i dodać wam dobrze, aby to zrobić.
Mam zamiar wprowadzić nową metodę o nazwie dołączyć sposób, dołączania działa to, że najpierw wybrać element, który dołącza do.
Więc będziemy dodawać nasze rzeczy są do zrobienia.
Więc będziemy dodawać nasze składki do U.N. na stronie.
Więc to będzie i będzie dołączenie sojusznicy tak dobrze.
Więc jeśli zrobisz dołączyć i mogę dać to ciąg h Tm l.
Więc jeśli mogę dodać sojusznikiem tu i po prostu sztywno coś do początku.
Więc jest to nowy sprzymierzeniec, że załączony do niniejszego UL prostu podoba mi wybrać UL i to rzeczywiście wybiera wszystko.
Mamy tylko jedną, a potem zabrakło długopisy.
I zajmie ten ciąg i dodać go do studni, ponieważ każdy Chimo wewnątrz jeśli będzie.
Więc pokażę wam, że kiedy trafiliśmy wprowadzić tutaj nie ma znaczenia, co wpisać, ponieważ nie jest on używany.
Dodaje się nowy sojusznik.
I za każdym razem, gdy wciskamy enter to zrobić, a jeśli inspekcję można zobaczyć, że jest to element, który został dodany do wnętrza studni tak jak są to te same elementy.
Więc to, co chcemy zrobić, choć jest rzeczywiście użyć zmiennej tekstowej zrobienia.
Wszystko, co musimy zrobić, to użyć znak plus, aby dodać tę zmienną w.
Więc mamy dwa osobne tagi linii otwieranie i zamykanie tagów i użyjemy znak plus i dodać tekst do zrobienia i to będzie koniec z jednym wielkim ciągiem, który posiada nasz tekst zrób co jest co użytkownik wpisał w danych wejściowych oraz otwieranie i zamykanie sojusznika, a my wysyłamy do ciebie, że będzie odświeżyć spacer psa i nacisnąć enter i mamy nowy sojusznik tutaj.
Więc tam dwa duże problemy.
Jeden chcemy pozbyć się tego wejścia i dwa nie mamy rozpiętość.
Zacznijmy od oczyszczaniu wejście.
Wszystko, co musimy zrobić, to uruchomić dolara podpisać ten ślub i nadać mu pusty ciąg, gdzie działa jako rozgrywającego, a nie tylko getter.
I że powinien dać nam pusty wejście po wpisaniu nowej zrobić każdy z nich bierze udział w brzmieniu i jest wyczyszczone.
Dalej przejdźmy rozpiętość pokazać kopię zapasową.
Więc wszystko, co musimy zrobić, nie jest wewnątrz naszego sojusznika dodamy w stosie przęsła i że zostanie dodane.
A my po prostu trzeba upewnić się, mamy x prawy tam i przestrzeni tak, że X ma przestrzeń między nią a denude zrobić tekst.
A jeśli jesteśmy teraz zapisać dołączając nowy ciąg z sojusznika o rozpiętości wewnątrz niego.
Więc nakarmić psa i skończymy z przęsła i nowego sojusznika.
Jednak mamy problem z tym kodem, który jest po dodaniu nowego zrobić Like paszowego kot i ja spróbować i sprawdzić się nowe.
Są one w rzeczywistości nie dajcie się ani nie usuwać te stare nadal.
Więc wydarzenie na żywo jest jeszcze wypalania.
To wydarzenie rozpiętość wciąż odpala ale nowe tatuaże, które są tworzone dynamicznie te, które nie są tam po załadowaniu strony nie działają.
To, o czym mówię, kiedy pokazałem Ci ten slajd i powiedział w większości przypadków szybkich i Quake będziemy zarówno swoje zadanie.
Jednak jest jedna kluczowa różnica.
Szybkie tylko dodać detektory dla istniejących elementów na doda słuchaczy dla wszystkich potencjalnych przyszłych elementów.
I to, co musimy zrobić, to użyć tutaj, ponieważ chcemy na tych słuchaczy do słuchania na wszystkich potencjalnych sojuszników.
Więc otworzyć dopływ Jestem tu i będę pokazać, jak możemy wykorzystać na szybkie, a nie tylko szybko.
Więc to nie jest kwestia tylko zamieniając się dalej.
Więc jeśli tylko zmienić to być sojusznikiem na kliknięcia, tak jak to i zostawić go w takim stanie.
Zasadniczo jest to dokładnie to samo, z wyjątkiem dnia, a nie szybkie.
A jeśli wrócę i odświeżyć prace nad oryginalnych elementów, a jeśli dodać nowe to nie działa.
Więc to nie jest kwestia tylko zamiana szybkie i szybkie.
Więc tak naprawdę trzeba zrobić, to zmienić nieco nasz kod.
Więc mam zamiar pokazać zmiany, a potem będę ją wyjaśnić.
Więc co ja to pisałem wam dobrze na szybki przecinkiem.
Czemu.
Powodem Musiałem to zrobić, że możemy tylko dodać słuchacza za pomocą kwerendy j na elementach, które występują, gdy ten kod jest uruchamiany po raz pierwszy.
A gdy ten kod jest uruchamiany po raz pierwszy, nie mamy wszystkich sojuszników.
Mamy tylko trzy, więc jeśli dodamy szybki słuchacza sojuszników doda tylko do tych trzech.
Więc to, co robimy, a nie to dodać detektor do całego UL rodzica.
Tak więc w każdej chwili możemy przejrzeć że będzie to słuchacz będzie ogień.
Z wyjątkiem dodamy ten drugi argument.
A co ten kod robi to mówi, gdy sojusznik kliknięciu wewnątrz testamentu uruchomieniu tego kodu.
Więc dodaliśmy słuchacza do elementu, który istnieje po załadowaniu strony.
Ale my naprawdę tylko słuchać kłamstw, które należy kliknąć wewnątrz tego.
Więc pozwól mi zademonstrować to teraz.
Będę odświeżyć i dodajmy kilka nowych tutaj.
Starych nadal działać, a nowe można sprawdzić także wyłączyć.
Ale delete nie działa.
Więc musimy wrócić i zrobić dokładnie taki sam zmianę.
Więc będziemy nasłuchiwać na zdarzenie, które występuje, gdy strona ładuje się z nich i kliknij, ale chcemy tylko tego kodu podczas przęsło kliknięciu wewnątrz studni.
A jeśli zostawimy go na tym powinniśmy być dobrze iść.
Teraz przetestować go.
Możemy usunąć stare i nowe i możemy przekroczyć zarówno off, jak również.
Dobrze więc podsumujmy niektóre z nowym materiałem tutaj.
Pierwszą rzeczą jest metoda append, które mogą podjąć ciąg HMO, a zostanie on dołączyć te elementy, do tego, co wybraliśmy.
I druga rzecz używał zamiast na szybkie i dodając w tym UL na szybko.
I drugi argument, który określa sojuszników, które mogą lub nie mogły być na stronie, gdy załadowany wewnątrz studni, który na pewno był na stronie, gdy strona załadowana.
Więc dodajemy detektory zdarzeń do elementów, które występują, gdy strona ładuje się tak, że możemy stanowić elementy, które nie są tam jeszcze.
To wszystko na naszej podstawowej funkcjonalności.
Mamy kompletne listy zadań do wykonania.
Co skupimy się na w następnym filmie jest stylistyka.
I na pewno mają sposoby, aby tam pojechać.