0: In this tutorial, i going to teach the fundamentals of javascript that you need to pass any текникал, интервью, Вилл старт симпл we see off and explain you all the most мортен концепт ю нид ту ноу ин джаваскрипт, нау иф ю Байкин оо.
1: Ne hai to lie thats great, but in the interview, you have to be able to do live, and export this is only possible, if you try манили ай, но with all the tool that вести to do live in interviews, but.
2: Checking your technical knowledge and the only way to development is too, but projects and understand what kind of code writing there for its great to close any to any чатбот энд старт бланк файл wall you try to be is out of your head.
3: Not only you get better code and understanding вот give you but you and проблем со skills and plasticity вич из респонсибл фо крик Финкин, энд креативити, энд иф ю. И looking in to transition.
4: To work as the over the marketts из recovery and there a lot of new amazing хай трос, вич комбайн, олд скиллс виз, нью скиллс, ай эм тичинг, её and my one and one meter программ the we look it, бэкграунд и and оптима.
5: Over профайл ви Вил импрув, техникал скилл, треню, фо, интервью, виза, c and and all the н. А. Коллек у working the entry and anna of interviews may pass компании.
6: Multi конни н in the multi тёк конференции веб саммит энд нью.
7: Вот the looking for and what the future of tech co. Il вот they want and be happy to фо тенд-ка иф ю не league in the дискрипшен энд летс, то ok, guys i.
8: As i am because today the building and interactive кофи шоп. You can select a type of you drink? You can select the size. We can le select, the milk. And add some эксрес соу лет ми шоу ю вот ю гона.
9: Туториал ей она хав эй, капучино, медиум айс виза, l got expensive кофи, т. I. Would order so on.
10: We have the пенал, он the rise we have the part, which is a coffee and then we селект дринк зе калор, ченджес вен и select the size the хай ченджес зис из heavy джаст.
11: Javascript, the trial is perfect, if you джаваскрипт дисклеймер айм нот на typing the xx the most импотент.
12: Is the dynamic сталин лайк зис калорс энд the heights if you love coffee or мачо ор чай and you ready to learn сам джаваскрипт летс гоу хэд энд старт гуд атол солт мили шоу ю.
13: What you have in проло? Проджект со ю хэв индекс n и index is the structure of here? We have the y. And the.
14: And the eyesight is the cup супер.
15: And be happy to create сам dragon о butterfly for you this justice and скрип джаст из вот here all here for today is where the magic happens, and we are having a javascript соу.
16: Let's go head and start of this индекс окей, 3 file and in the index.
17: Эксейшен Марк хит enter and it will Дженнет фо ю или like a i, and you can try this trick her to дженерейтор куд эту сею сам тайм.
18: I see, if you dont.
19: And gonna have the blank and lets reset to be a coffee shop, and see the title гад, а i can also plays.
20: And i like a coffee is this is war to link a style sheet.
21: Из style, css and close is right now, we dont have any style, but as a man im going to.
22: And there and only Бо Фром гитхаб вери бейсик Стафина оо the file i going to refer to each particle элемент.
23: And i will show you the styles соу инсайд её body we need to things we need the header this h one, and it will be cold coffee shop, as i can see here, and we need men and.
24: Men will have a class of app, so if you go to style, css hear, we have some basic stuff here, we have the dynamic Верис зет ви гонна реюс.
25: Later with a function that means i have some hex code here end this function джаст гонна юзит соу ит из юзб до have to time all time so body вери бейсик.
26: And you can see hear this is the her, so this is the styles for the coffee bright, and for the color for instance with this Аксён калер вич из экзакли зе сейм фо зе мей.
27: We have the tale so бейсики итс лайк a container that up the display би.
28: Men will have to section so first one is the panel, and the second one is the coffee cup, and the саммери соу доса лители лайк ту колом соу летс гоу хэд энд крейт.
29: Section so first one will b. Section with the класс panel лет ми экшли опен апп and the second one will be лес, кредит о ready will be секшен виз эк.
30: Class and we gonna call this Ван вижел райт бай wi if we инспект зе пейдж лайк, зис ю кэн си я you can инспект зис бейсики.
31: We have to section one and two and im using firefox казино зетта.
32: Firefox inspect and it really good brother, форма худеет он, and we have to.
33: Collapse within this конвейер а so for the panel секшн Вил хэв эназер дев энд ви нид ту криейт зис опшен групс соу ви хэв зе ферст ванн фо зе дрим фо зе сайсс фо зе милк энд экстрасе.
34: All match the same эксепте эксрес оо чек боксе, and that means that you can села малтипл со the only difference between видео групс энд чек бокс групс из that check boxes кэн би молти.
35: Selected and radio but can only be one say not im gonna create, the first one and and gone to copy, песте, энд ворк, ю тру зе бикоз, зе century the same so for this death.
36: Let's say the class will b option group, and this will be the same class for all, the following group, as well will say drink you can see дон хир энд and we have another group and.
37: Have e klass radio групп энд эген, итс гонна би зе сейм фор зе following радио групс эвел вич ви хав ту the one and two, and this will have one two three five five радио.
38: Все is gonna be лейбл энд виз ине лейбл Вил хэв эн инпут Алексан вай ввиду it in second this way we dont need the four and input will have five атрибут соу ви хэв.
39: Hits radio will have name ring and type, and name will be the same for drink the same for all the acl дейта вич ливс инсайд.
40: This one by check by fall, and with you dont put any key in italy, пипл слип колли l going to dust.
41: The same the only difference is the one that текст текст латте, капучино, мача, чай со лейбл.
42: Click the text and но just why we rain the input with the лейбл white, so for the consequence редио групп i just gonna копии бикоз, но дифференс.
43: The text and the so we have three ведо групс энд летс или have look the styles i saw v.
44: Class like a group in then we also have the option group да hear and see панна, а so here the styles for the панал ю. Can go the self аген фо зе колорс.
45: For the border size for the radio we are using the dynamic в from here we have option групп, или this, one, ok and i этап.
46: We need to do it the y right. So Мекер ю хэв фри опшен групп Ван фри энд then. The section райт соу хир ви хэв э дринк энд ич опшен групп хэз опшен.
47: Css class and radio групп сиэсэс класс and you can go head and check them, inside, the css file as well н go, head and the check boxes from dawn here and ill say.
48: Time i will just квикли тайпит энд гоу оверит.
49: Если we need Эйде энд и will also have a class опшен групп со дей ар ол юзинг, зе сейм сиэсэс стайлс, ви симла гона, хав эйч ту ви гонна сей экстрас.
50: And and we have we gonna have a dev and комппер ту зе привес Ван вич хад редио групп зес дев из гоин ту хав эй класс, чек бакс групп.
51: And then we also gonna have the same logic here со лейбл Вил фрап энд инпут энд онли дифференс хир из set input will be of the type чекбокс симит хаз.
52: Witch group all this check boxes together and each has a different дабл u like this one gonna have extra short, and for the text we gonna say экстра шот соу айм гоин ту.
53: Paste the rest ноутис ви донт хэв эни чект бикоз. We dont have any дефолт экстра ви вонна independently decide if we want any extra атол соу, бейсики, хир ви нид ту селект самфинг энд хи.
54: Maybe we dont Ван x so thats why it stays Анект грейт со the left side is very ви хэв хэл ви хэв сиэсэс, пентил хир ви хад, зе лефт, сайд со ю кэн си.
55: How much of css возер кверт гоу овер хавалу на hair is really that комплике некст, ви гонна би зе райтсайд, со ви гонна би зе кофика энд the order сами.
56: To build the right said, cause this is what makes a coffee shop, so special, we have this dynamic апп and lets go head, and and this азвал со ферст Ван инсайд.
57: The section виж ви гонна сей d. And the cup and im gonna show you here before we со.
58: If i like this cup, i dont hear in c that we have a капсин райт, инсайд, зис капсин в we have cup right, so this is the cup we have the cup, Бейс энд ви хэв э кап хэндел райт.
59: And we have the jazz we can remove them, they still stay with in the air, because they хидн виз сам в song see when we селектит класс visible Вил би.
60: Да.
61: Shine so here we have the самнси шайн бат зе Фил из also what changes, the colour and the heights со the на magic is this feel вич из бейсики джаст дайнамик.
62: Script and css анимейшн соу летс гоу хэд энд её this coffee cup, апп, ам гонна, сей инсайд, зе секшен, ви гонна, её the deep рай, and this will be the на кап.
63: Seen so we gonna say, кап кап кап син райт со зис из can of the Инта синк ол тугезе, инсайд зе кап син ви гона, хав зе кап энд.
64: For the cup we need an id as well, and then we need to things as i showed you we need a feel so we gonna say кап Фил энд ви нид кап шай.
65: А and then as you can see we ready Хавер кап энд the shine is just самка оф эд он и changes дан хир зе капит. Селф из the сентар кап энд. The feel is the feel so that ди кап.
66: Из вери импотент, *** джаваскрипт, нид ту Граб зис элемент бай нейм ту контрол, ит райт сейм Вил би виз айди саммари фор зис Ван со зис ис хау джаваскрипт, файнс зис элемент.
67: Let's go, head and andy Бейс эз вал.
68: Safe so now, we have that bass летс олсо эт кап хендел райт со на we have the хендел летс квикли, хавай, лук, эт ариас, соу, файн, зев.
69: Done her thats? The section it self соу лет ми шоу ю.
70: Just the section райт зет ю хэв ю can we just go head and Анчек, сам stels ту c why we have them that really helps to understand how.
71: Stels юр элементс ден ви хэв зе син ит селф инсайд ви хэв a cup a base and a handel соу хир из the sen хириз зе кап иф ю нот фамилия ви зет матч ю Вона рид.
72: Он on position display flex direction this is what i call лейаут энд ю кэн ду love things with it like констракт энд Инта элемент лайк э кап пэй этеншн ту кап Фил.
73: Make it look so magical соу ви хэв a hide and we have a background and those are dynamic вариаблс that will be found and manipulate бай джаваскрипт селект сами хир.
74: Up this dynamic, very Бо чейндж, зе калор, энд the heights. And also we have some анимейшн, он it so as you can see here. We have the transition and we say hi so we were v select the
75: The heights, гетс animated and also the эген гетс анимейтед соу зетс вай ви хэв this very smooth transition итс на else, but this transition and css в super easy and.
76: And we have Шайна ввёл a mansion, да hear and for the base and the hand we also have some style so if you have time go head and review клик эраунд опен зе panel here go an чек сам stels.
77: Си вот хаппенинг зет ви лав ю ту сии хау сиэсэс воркс соу ласт ли what we have left is the беджес соу эсеншл зис даун хир ан Зее саммари летс гоу хэд энд олсо.
78: Зам. Ту хэв на класс and i gonna say n e to be found by javascript and had.
79: And im going to paste ол зе бейдже, дан хир соу бейдже, зис тинс, а just pawns in here just spun, её beautiful стайл, фо зис туториал, айм гонна, ремув, зе арией.
80: This is what скрин ридер, ни bat for this tutorial лес live it out so again. If i open стайлс ю can see for yourself we have pages ви хэв ич пейдж энд ви хэв бейдж безил эсеншл зетс. Вот.
81: The weather to the badge вен ви чекит энд зетс вот олсо Хайит вен ви ан чекит соу бейсики вен ви селектит, джаваскрипт эт зис класс and dan we have some display and display из watch shows.
82: Бейдж олсоу ви хэв сам анимейшн он the бейдже вич из like a little поп in анимейшн энд зис из don very simple frames её we add from and two and networks with трансформ ИНН опасити.
83: This really fun вижуал поп эффект, вен ю эд эй бэ файнали ту финиш офф and the hat файл виниту эзе сами end this one to be an empty.
84: Complete control by javascript and cursed to be it so that н сами из гоин ту би бай джаваскрипт и only have this контейнер.
85: From this class саммери ви с have some stars, but for going to see it once we have some more elements inside the thief, which will be done in a script this file and.
86: Next we need to enable javascript, for that under man we going to say скрипт end this is war, а java script Липс энд ви гонна сей скрипт as its.
87: Импотент эдит, автор the mane and not an топ нот ин the head because first we need to le page, and then we need to make it интерактив иф ю вуд плейс джаваскрипт, ан топ вот will happen if it was апп.
88: In the head, for example, джаваскрипт в тран би for the page existed and find to work with which it to интакт виза вертута фо Вики из javascript.
89: Let me explain you to вери импортент сингс ин стайл сиэсэс гоу ту кап Фил зис из вот anime, and this is what реакт ту a selection нотр, но на up, but in the original апп вен ви селект оо.
90: And this select the size. You can c changes. So here you can see man you have the two dynamic вериал бат зе секонд балью ин the function is a fall back so that means.
91: Set we gonna use this default фолбэк соу райт нау ви донт хэв эни скрипт скрипт джиэс из эми бат юр стил эйбл ту си the heights and the color this.
92: Because of the fall back right now, the heights из and sixty five процент n c color we have this brown color, which looks more like coffee co write now without any джава, Скрит бикоз, скрип, jazz is empty, the cup о ready.
93: Эй, латте, брон Фил эд сиксти файв процент со зос, а our fallback in javascript, then we rise сам javascript, then javascript will set the feel хайт, вериал фор экзампл ту найти просент зис рул.
94: Will re эвалит энд the fil will grow, олсоу потеншен ту зис транзишн анимейшен зис вот make it анимейт ит далс зе браузер, вен изер оф зис пропертис со хайт ор бэкграунд чейнджес из.
95: Into the new value over zero point, four seconds, соу ви райт, Зиро анимейшен, а south and finally the mention фо зе беджес, бай дифолт эй, бейдж вич из like extra short or, ванилла сироп бай дифолт.
96: It has so all for this беджес и by default using that there will be here, so in fox, just right out and only.
97: Element has both the badge класс and the visible класс saw экзампл и select this here you can see that it has both бейдж энд визибл классес соу онли дэн ИНН becomes visible.
98: Snow and хай механизм со джава Скрит ви ad. And remove this визибл класс, and we have the анимейшн. Он when i selected.
99: You can see these little анимейшен соу вен Беч пирс ит келлс апп Фром Зиро бейсики хир ту a little баунс из z анимейшн бихайнд со киреем эллас ту ду Фром энд ту.
100: And we go from скил Зиро ту скилл Ван ай хоп и all clear and lets go head and white, сам javascript and make a апп интерактив райт летс, виза джаваскрипт, ферст крид and order обжект.
101: And we have milk оо и have окей. С. X.
102: Will be an empty saw this object is up memory and drink is a label эспрессо из за if you open console you do.
103: С next лет me just just the two much the string to you song when we н эспрессо Вике.
104: What the прайсе форс пресса, итс ту пойнт файв, фор капучино и 3 сикс ввиду not have any x prize for the milk, by anyone can have a year of the milk визаут эни.
105: We also have dream color so wie mach ich кофи ту its colour Фил фри ту плей визит, иф ю си чай дифферент ви с match spice the the present вич Вил би юс фо.
106: And also, we have some лейбл бикоз, офкорс ви кэн нот шоу the extra short ритм тугезер, ви нид ту хэв э. Пропер лейбл фо окей, лет ми демо или how it would work three example you wanna.
107: Your drink to be macho райт соу ви гонна сэй итс матча на vivo se, so we are the call right so let си вич матча хэв соу викен ду дринкс.
108: V select матча Фром ит соу джаст s. And you can see that it gives me the hex code of matcha соу до лук аптей из a way too much, a string to a value a next we are going to.
109: The dom, элемент хау ду ви ду ит соу летс грай кап энд ви сей документ n. Then get element by id right so you do remember that insight хэшим.
110: Апп сейм эс саммари хэд самади со айди кап айди саммари энд бейдже, олсо хэв айди со зис Элаза ту Граб зис элемент бай айди ту зен.
111: And art викэнду саммари со ввиду домен by id and н ввиду сами со викрам до two elements, and we can do son бейсики.
112: The element by id let me you this or, if i say капхи ит Вил файнд, зе кап бай айди, иф ай сей самри симули, ит Вил файнд зе самри бай.
113: Id so next we gonna ride the function апдейт кап энд фанкшнс из южели вер бегинерс, Гетт confused, but this one is going to be эйвор энд фан Ван энд ин додал ви Вил хав ту фанкшнс соу зис Ван.
114: Will love us to update the cup will update the color лайк ви, дуит, хир Пейс, он the drink right so thats the look, up, table камс Инту плей энд Вил апдейт, зе сайсс, олсо зетс, вер олсо.
115: Size хайт камс ин ту плей соу летс гоу хэд энд райт дипан со хау ду ви ду ит соу ви хав кап викап энэн ви кэн селект стайл о the cup and and we can set property.
116: And for the property will селект зе дайнамик верил соу ремембер ИНН сиэсэс ви хад эй, дайнамик верил white by default it falls back to this brown латте, колор бат нау ви вонт ту.
117: So, we gonna паста дайнамик верил хау ду ви ду зис соу, ви бейсики, гонна юз лук, апте энд ви гонна select the drink the correspondent дринк Фром мемори.
118: Right so whatever, дринк ви селектед ви зен гонна гоу to this лук, апте ит хас ту би офис, the drink colors, and it will match the correspondents дринк ви зе хэкс.
119: And it will the крик.
120: Way too late in the day, so lets continue the end up and the property, which way.
121: Versailles хайт энэн сайсс хайт.
122: Will be десай again, same principle it goes to size hi end then it matches the order size with the present then it goes on her and it sets the present, however, if you just.
123: Function at the bottom and you try to change some nothing gonna work because i we need and so how do we did that we say? Документ и select all and we are going to select all the inputs оо the.
124: Where name is a drink so? If you go to you, all you see the dose a all the inputs with the name дрикс, ол ар дрикс, ви Селин а and for each of them we going.
125: Touch anyone.
126: So we gonna say инпут айвен ли and this one is going to be changed so we were we click the radio bad don hear its a changed event and and for each changed we wanna fire a.
127: Right so what we wanna do we one update first wall a oder so ли by default its эспрессо хау бабе вен ви селект э нью валью ви Ван ту сет э апс мемори ту a new value со.
128: If you go head, and you will can солог.
129: This you see that this essential реферс ту the import, инстанс иф ай, селект мача ю c z. The value is no macho, and you can also see that the order обжект год evil со.
130: And will say одер соу летс консула сам гоин ту селект латте энд ю c z this value овен инпут из latte and also a order обжект гон апдейт на it has also the.
131: Drink sir to the value латте соу вот we wanna do dont hear ones which the object one, which мемори зисиз Ван ви Ван топ, а so we want to redo the page with new cs пропертис.
132: Now if i select some coffee you can see that it changes the value now when we are changing the colors, and the size we also want to be able to show some беджес, джаст, лайк ин the app that we have ready. You can see that i can select and дислек.
133: Сам беджес so let's work on it next first woe ит the long to update in the cap saw we gonna and some more лоджик ту, the update кап фанкшн ферст, во итс гонна би лайк a little trick we gonna say.
134: Crash so we gonna create, the new r. And we gonna just type all the extra here because right now we only need this эри вас, so you see why we need in the second we gonna луп тру зис, нью эри райт.
135: And what we gonna say so for each экстра ви Вил ду the following ви Вил select the document and will got a badge бай айди со c you remember in the index шиммел ви хэв зис.
136: Id and the of start симули бат зис парт чендже о this part is individual бейсик ли we gonna touch this экстрас ту the badge зис из how we're going to get each of the extra.
137: And then we gonna say класс list and will to the visibility оо we gonna say ордер экстра инклуд экстра, иис Ван вот вителии вас the класс лист.
138: Того, the visibility райт соу ви эдин, зе визибилити, ви сэй иф зе одер эксрес со iv zeus эри includes any of the extra white so any of these экстрас иф из includes зис зен.
139: We want to make it visible so you'll understand it bear once we up to the документ соу летс секс, all and we going to select all the input which have a name экстра.
140: So again all of those here have the name экстра right, so we going to select оо n n for each ви Вил сей инпут энд Вил та and to this ипот со сей эвели.
141: And we wanna оо a function, so if this, and this is an ипот из чек райт в so if чек.
142: True бейсик ли by default its false бат ванс ви селектит, чек биком тру соу иф итс чект вот we gonna do we gonna аддис ту a экстрас эри райт ви зе пуш метод со.
143: To the right, so as if i not check it when b in the air in this case, we are.
144: Remove and айтом Фром эн эри фор зэт южели ви вуд юз индекс иф ви а нот Шор иф и wanna remove from the бикини оо Фром зе энд оф зе эри иф ви донт know where the айтом из we need to use the index соу ви гонна сэй.
145: Index of this wall so this valley гонна гив, а the number so Зиро Ван ту фри ви гона бейсики файнд зе индекс райт and what we will do will use the splice метод со.
146: Fight the index райт со it removes the айтом от this индекс, and the second argument is we just и only Ван айтом, автор this logic вот we wanna do we wanna call the update, коп. Фанкшн нау.
147: And i done work and its really good use case for дебаге энд ай хэв ту бакс соу ферст вол ай фогот зе клоузинг, сквер бракет стил, а walking that speak as the name is not экстра бат экстрас.
148: If you are the time and its good to и into the two of
149: Now it work now when we клик чекбокс ю. Can see that we эдин эрмин, сам pages so again to comeback to this Ван вот и we have this e and v контракт со.
150: In age plus that will give c бейдж плас, экстра шот зет минс ви хэв фаунд, зис бейдж даун хир соу зис ис а plus, айкон фор инстанс энд вот we gonna do we gonna make it визибл со ИНН rcs.
151: Right we have age and it has this визибл стайл so by дифол зе нот, визибл бат вен, ви сей визибл, зен ви Шоин, ит ап соу ол зис скрипт, дас итс эсеншл тогл зе визибл класс нейм.
152: Make this icon визибл бат ит онли мэйкс ит визибл ифа ордер, эррей инклуд, зис экстра соу лет ми квикли demonstrate you what would be inside the order обжект ифри консол лагет со.
153: We gonna say ордер зетс ан чаго оф зис ви лоуд энд инспект соу, айм гонна сэй экстраштарк, ви си экстрас, хаз экстра шот со зис лоджик дон хир чекс.
154: Ok, it looks through this r and its like оо экстра шот окей со it us through this items ит get elements by id so say аркес ит Вилл get these elements бич.
155: Того сит иф ордер экстрас инклуд экстра соу энн и das so in this case, we have this check boxes райт, and we also have the simples со бейсики зис лоджик даун хир ит чекс ит файнс зе элемент ферст энд ит онли мэйкс.
156: Visible иф зис экстра экзист ИНН a r, and as you can see it exists сейм иф эзе, кармал, Сереп, ю. Can see now we have two items in der, and we have to.
157: This logic даун хир Вил ремувит со iv l. Remove this so if i, а check the extra short it get remove from the erie, and its also not visible энимор нау ви хэв зе ласт энд мост фан парт оф зис territorial вич из this.
158: So let me when we селект кофи, зе прайс, апдейтс вен ви селект зе сайсс, зе прайс, олсо апдейтс фор, смол, зер из no, extra charge ли and for milk we also do.
159: Heaven but we do and for x shot for each of them differently ви эд сам чардж он top, so for update the summer we need a function, because we not ей капни.
160: With a different element or so next летс гоу хэд эн крид и new function, and you gonna say апдейт сами ok, so this function. Will update this box Данир соут.
161: We want to start with we want to show сам total Крейс лат.
162: Total and we gonna do прайсе ордер дринк энд then, also прайсе энд ви гонна, селект ордер, сайт right, sir, that means that when we have a drink сэй ви хав капуччи.
163: In the size is, medium, виар, гоинг ту зис лук, апте энд ви сей окей капучино из дат матч n size medium из дат матч n v sign this up and eat the total price but he remember this.
164: So for that we gonna go and we gonna grab the order обжект энд Вил тейк, эксрес соу даун хир иф ви хэв самфинг ин зе эксрес, ви гонна сей фор ич соу ви гонна чек ду ви хэв эни.
165: And if i do we will адет чу зе тотал.
166: Like art so done here you can call the function y sammy and its not gonna work or show anything because as you remember in the air this dive из эмпти со вот we gonna do we gonna ад сам.
167: Inside these file со некст ей вони ту attention when i add some extra ви хэв, сам экстра роуз эпир соу фор дат ви гонна гоу хэд энд ви гонна сэй экстра роуз.
168: And we gonna луп тру the extras виз апп and we gonna say that ill экстра ви вонт ту шоу a ha элемент она just pays, те. Дубики х for each of these extra.
169: Label and prize, so it just эдип, ви хав, самсталин и со n n v in javascript, или you can, and javascript намили виде.
170: One to join this nothing so join элзес ту бейсики эд оо the elements of an эри интера string saw this will create a string this is one string райт со wi do we need date because.
171: Remember саммери воз бейсики эти its an empty, container with empty, because we only here in these file how we going to do that so as you remember vera саммери энди.
172: Leader because we want to inject сам java script и so much of typing. Айм джаст гоин, ту копии с as you can see what we just done im gonna on the original ep. We have your order. We also have ли?
173: Володин форсса фо зе энд фор оо we are is that we just here, and ill since we need to.
174: Make this function work and also to look good so first we want to capitalize зе милк лейбл so for that we gonna say to априке.
175: So gonna explain to the sec вот i just dance, the quicker, and we gonna have a milk, лейбл о that we gonna grab a milk and we gonna see.
176: Rise if maybe пипл d want any milk ден ви гонна хэв ноу, милк лейбел, энд иф зей, дед эден ви гонна олсее капитала со v using this function to go head and капиталас зе.
177: Of the soul to do so н в.
178: И экзакли вот we just done done her so now we need to экшели мейк зис фанкшн, а work for that we need to call it whenever we change сами рай на so working because it's only on the.
179: And its not cold энивер соу фора, лес гоу хэд, да да, and done here so everywhere?
180: It days, the саммери successful one thing that we forgot to write is that we also need to do some where the milk so because the milk an effect the high or color вина.
181: И affect the prize so let me just here we gonna change the name to be and we gonna say we don the cup.
182: You want to play around нет.
183: Espreso энд лайк, летс лайк, капучино ю can see the price was ready апдейте ай вонт эллард Ван энд, ай вонт оут, милк соу зе милк, экшели осо да not affect the пр.
184: But we see that it pays the order a, and and you can see how expensive it, good so the most expensive в beat, this is this and i can.
185: Whichever милк ай вонт Ван бонас синк ю ноис вен ю рил от the page you can see that all the same вас римейн бат кап гот реверсед ту the original вальс.
186: Don't have have and the turn from here, what you can do you can go head and a dose лайн to your app so.
187: And then to the default so what have we just done so this ones или thinking that check, boxes and the radio.
188: Here with the original object on page reload or this, allow us to just think these things because when we reload the page the object update to its original вальюс ба ви с need to update all this.
189: Input 100 hair so this is one the синхрониза из хапен соу фор зис экзампл фор ич дринк видео bad just go head and check if its value корреспон ту the card.
190: And guy you have эффион.
191: Index of for the interview.
192: Или about анимейшн н. О в год and new drink a one line in дринкс Ван лайн ин прайсе.
193: And?