[Script Info]
Title: 
[Events]
Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text
Dialogue: 0,0:00:00.97,0:00:06.11,Default,,0000,0000,0000,,Wiecie już, jak zmienić zawartość\Nelementu i wartości jego atrybutów.
Dialogue: 0,0:00:06.21,0:00:07.71,Default,,0000,0000,0000,,Co jeszcze zostało?
Dialogue: 0,0:00:07.83,0:00:11.22,Default,,0000,0000,0000,,A gdybyśmy chcieli zmienić styl?
Dialogue: 0,0:00:11.32,0:00:14.14,Default,,0000,0000,0000,,Normalnie zrobilibyśmy to w CSS,
Dialogue: 0,0:00:14.25,0:00:17.25,Default,,0000,0000,0000,,ale czasami wolimy w JavaScript
Dialogue: 0,0:00:17.37,0:00:20.11,Default,,0000,0000,0000,,- np. gdy chcemy animować style
Dialogue: 0,0:00:20.19,0:00:23.21,Default,,0000,0000,0000,,lub zmieniać je,\Ngdy użytkownik na coś kliknie.
Dialogue: 0,0:00:23.31,0:00:26.14,Default,,0000,0000,0000,,Wkrótce to zobaczycie, obiecuję!
Dialogue: 0,0:00:26.24,0:00:29.47,Default,,0000,0000,0000,,Zmieńmy styl tego nagłówka.
Dialogue: 0,0:00:29.60,0:00:31.35,Default,,0000,0000,0000,,Gdybyśmy zrobili to w CSS,
Dialogue: 0,0:00:31.45,0:00:35.64,Default,,0000,0000,0000,,kazalibyśmy wybrać "#heading" po ID,
Dialogue: 0,0:00:35.76,0:00:38.15,Default,,0000,0000,0000,,a potem napisalibyśmy:\N"color: orange".
Dialogue: 0,0:00:38.25,0:00:41.17,Default,,0000,0000,0000,,Hura, jest! Pomarańczowy jak kot!
Dialogue: 0,0:00:43.02,0:00:47.59,Default,,0000,0000,0000,,Żeby to zrobić w JavaScript,\Nmusimy znaleźć element "heading".
Dialogue: 0,0:00:47.68,0:00:48.88,Default,,0000,0000,0000,,Jest tutaj.
Dialogue: 0,0:00:49.64,0:00:54.61,Default,,0000,0000,0000,,Docieramy do jego atrybutu stylu\Npoprzez "style".
Dialogue: 0,0:00:55.35,0:01:00.48,Default,,0000,0000,0000,,Później wchodzimy do właściwości,\Nktóra nas interesuje ("color")
Dialogue: 0,0:01:00.58,0:01:03.32,Default,,0000,0000,0000,,i ustawiamy ją na nową wartość.
Dialogue: 0,0:01:04.40,0:01:08.40,Default,,0000,0000,0000,,Skasujmy własność w CSS,\Nżeby zobaczyć, czy się udało.
Dialogue: 0,0:01:08.51,0:01:09.92,Default,,0000,0000,0000,,Tak, udało się!
Dialogue: 0,0:01:11.45,0:01:14.97,Default,,0000,0000,0000,,Zauważcie, że tu są dwie kropki,
Dialogue: 0,0:01:15.10,0:01:17.78,Default,,0000,0000,0000,,bo wchodzimy do dwóch obiektów.
Dialogue: 0,0:01:17.87,0:01:22.18,Default,,0000,0000,0000,,Jeden z nich to obiekt elementu,\Na drugi - obiekt stylu,
Dialogue: 0,0:01:22.26,0:01:27.25,Default,,0000,0000,0000,,zawierający wszystkie style tego\Nelementu zapisane jako różne własności.
Dialogue: 0,0:01:27.35,0:01:31.37,Default,,0000,0000,0000,,A gdybyśmy też chcieli\Nzmienić kolor tła?
Dialogue: 0,0:01:31.47,0:01:35.62,Default,,0000,0000,0000,,W CSS napisalibyśmy:\N"background-color: black".
Dialogue: 0,0:01:37.29,0:01:39.21,Default,,0000,0000,0000,,Spróbujmy w JavaScript:
Dialogue: 0,0:01:40.89,0:01:43.45,Default,,0000,0000,0000,,"headingEl.style."...
Dialogue: 0,0:01:43.55,0:01:47.65,Default,,0000,0000,0000,,"background-color = "black".
Dialogue: 0,0:01:49.32,0:01:53.69,Default,,0000,0000,0000,,O, jest błąd!\NTo niewłaściwy kod w JavaScript,
Dialogue: 0,0:01:53.79,0:01:57.19,Default,,0000,0000,0000,,bo nazwy własności\Nnie mogą zawierać łączników.
Dialogue: 0,0:01:57.28,0:02:01.02,Default,,0000,0000,0000,,Musimy zmienić\Ntę nazwę własności w CSS
Dialogue: 0,0:02:01.08,0:02:03.76,Default,,0000,0000,0000,,na formę, która zadziała w JavaScript.
Dialogue: 0,0:02:03.91,0:02:06.64,Default,,0000,0000,0000,,Załatwimy to wielkością liter.
Dialogue: 0,0:02:06.74,0:02:10.42,Default,,0000,0000,0000,,Usuniemy łącznik i damy wielkie "C".
Dialogue: 0,0:02:10.54,0:02:13.91,Default,,0000,0000,0000,,Sprawdźmy to, kasując tę własność.
Dialogue: 0,0:02:14.04,0:02:15.65,Default,,0000,0000,0000,,Tak, nadal czarne.
Dialogue: 0,0:02:16.97,0:02:21.66,Default,,0000,0000,0000,,Rozkręcam się! Teraz chcę\Nzrobić wyrównanie do środka.
Dialogue: 0,0:02:21.78,0:02:25.86,Default,,0000,0000,0000,,Dodam jeszcze jeden wiersz:
Dialogue: 0,0:02:26.61,0:02:30.84,Default,,0000,0000,0000,,"headingEl.style.textAlign".
Dialogue: 0,0:02:30.93,0:02:33.83,Default,,0000,0000,0000,,Łącznik na wielką literę...\Ni "= center".
Dialogue: 0,0:02:33.96,0:02:37.62,Default,,0000,0000,0000,,Powtarzam: wielka litera\Nzamiast łącznika.
Dialogue: 0,0:02:37.75,0:02:41.70,Default,,0000,0000,0000,,Teraz nagłówek kojarzy się z kotem
Dialogue: 0,0:02:41.78,0:02:44.35,Default,,0000,0000,0000,,i z Halloween. Tak!