1 00:00:09,080 --> 00:00:20,210 Welcome back In Session and we are going to talk hurricane aid, something to cut, how can it be a 2 00:00:20,210 --> 00:00:23,000 product cut by clicking on this button? 3 00:00:23,300 --> 00:00:28,280 If you click on this button, we're going to see hurricane aid, a product in cuts. 4 00:00:29,120 --> 00:00:34,130 And the first thing we're going to learn is to create a new function. 5 00:00:35,720 --> 00:00:41,570 We are going to create a new function that's original name ID to cart. 6 00:00:45,740 --> 00:00:47,130 A to handler. 7 00:00:47,370 --> 00:00:47,690 OK. 8 00:00:52,790 --> 00:00:57,080 And it's cut under it's be. 9 00:00:59,790 --> 00:01:01,500 And here we're going to have a. 10 00:01:03,410 --> 00:01:15,030 A parameter which is which will be an object of different elements of cars such as the price or have 11 00:01:15,080 --> 00:01:21,610 the brains, we have the image, OK, and this is the parameter Astroglide defined. 12 00:01:22,280 --> 00:01:30,410 And here we are going to to create an neural function and we are going to test this function to see 13 00:01:30,410 --> 00:01:32,350 if it works perfectly. 14 00:01:32,870 --> 00:01:39,040 We are going to see the interaction between dysfunction and is a to Cuthbertson. 15 00:01:39,380 --> 00:01:46,550 So let us scroll down and we are going to come in over the course. 16 00:01:47,150 --> 00:01:56,580 You can see we have the cars here because our different button of air to cards is our they cause components, 17 00:01:56,600 --> 00:01:57,070 OK? 18 00:01:57,530 --> 00:02:07,280 And there we are going to access or so the vaquero in singular because each button is included in the 19 00:02:07,280 --> 00:02:10,320 car and singular like the car. 20 00:02:10,340 --> 00:02:11,490 So let us come here. 21 00:02:11,490 --> 00:02:13,790 The first thing we're going to do is through. 22 00:02:16,210 --> 00:02:27,610 We are going to create a props in order to access our our unclick attributes of our bottom because the 23 00:02:27,610 --> 00:02:29,630 event is unclick. 24 00:02:29,810 --> 00:02:35,470 OK, so let us make sure we get to create a props that's real name, easy to cut. 25 00:02:35,490 --> 00:02:41,410 And I'm going to say on it to cut like this, it's called solidness chlorate. 26 00:02:41,450 --> 00:02:42,550 Make some correction. 27 00:02:43,760 --> 00:02:52,480 OK, let us come here kaat like this and let us make an effort to cut. 28 00:02:52,480 --> 00:02:57,040 Indro is going to be equal to this n. 29 00:03:00,720 --> 00:03:07,390 It looked at this and then we can take this function, which is to cut and paste these functions, all 30 00:03:07,410 --> 00:03:14,010 right, and cut reaches out props, then we're going to copy our props and we're going to bring our 31 00:03:14,010 --> 00:03:21,660 props inve course not, because I can see this is the way cause in Blue Rudloe chairs components, which 32 00:03:21,660 --> 00:03:24,200 is integrated into Holmdel Chase. 33 00:03:24,420 --> 00:03:30,540 So let us take these props and bring this props inside of all the cost that chase. 34 00:03:31,590 --> 00:03:34,850 And here we are going to create a new function. 35 00:03:36,270 --> 00:03:39,720 We're going to create a new function that's regular need. 36 00:03:46,760 --> 00:03:53,660 A new new we are going to create a new props place that's going to name and add to CART. 37 00:03:53,850 --> 00:03:57,740 OK, it's Ricard's, you're going to call this process. 38 00:03:58,070 --> 00:03:59,500 We are going to use the same name. 39 00:03:59,870 --> 00:04:04,730 And here we are going to say we're going to define a narrow function. 40 00:04:05,150 --> 00:04:14,210 And because by calling our props, which comes from Hamdard Chase, we must put a parameter. 41 00:04:14,330 --> 00:04:20,290 Akec, because this function requires a parameter here AURIN function. 42 00:04:20,690 --> 00:04:23,690 So let us back into our vehicles, click on it. 43 00:04:24,170 --> 00:04:25,910 We have our error function. 44 00:04:25,940 --> 00:04:33,530 We need to create in the real function within NMT parameter overeagerness say like this. 45 00:04:33,860 --> 00:04:36,760 And here we are going to put our props. 46 00:04:37,100 --> 00:04:39,560 OK, you're going to say props. 47 00:04:41,480 --> 00:04:43,400 Props don't like this. 48 00:04:44,480 --> 00:04:46,740 OK, we are going to put this in. 49 00:04:46,760 --> 00:04:53,620 Do not forget to put your parameter here and we are going to Saqqara because we have the we've object 50 00:04:53,750 --> 00:04:54,050 objects. 51 00:04:54,060 --> 00:04:56,210 We can get the idea of the car. 52 00:04:56,420 --> 00:04:58,250 We can get depressed of car. 53 00:04:58,340 --> 00:05:00,280 We can get all thing about the car. 54 00:05:00,290 --> 00:05:04,340 It is our data that isn't very good. 55 00:05:04,460 --> 00:05:12,120 And let us do like this and we are going to test the interactivity between our two cardboard and then 56 00:05:12,230 --> 00:05:13,940 our areto can't function. 57 00:05:14,540 --> 00:05:16,700 So let us copy these props. 58 00:05:16,700 --> 00:05:18,600 We are going to copy perhaps. 59 00:05:18,620 --> 00:05:24,230 And so we are going to come in, they call singular in which we have the parts and components because 60 00:05:24,230 --> 00:05:26,780 we want to see the reaction between these parts. 61 00:05:26,780 --> 00:05:34,310 One, OK, and these are our function because the event is Ontake and what we're going to do here and 62 00:05:34,310 --> 00:05:39,800 here, we are going to bring the same props here and let us create a new process. 63 00:05:39,800 --> 00:05:42,060 We're going to always add to CART. 64 00:05:42,080 --> 00:05:47,450 You can choose your own weight you want to use in order to create your props. 65 00:05:48,060 --> 00:05:50,690 In my case, I'm going to use the same name here. 66 00:05:50,690 --> 00:05:55,400 I'm going to say and props Dods. 67 00:05:55,610 --> 00:06:00,320 This is my props and I'm going to call my props instead of my bottom. 68 00:06:00,800 --> 00:06:04,130 And after that, I'm going to take these props. 69 00:06:04,580 --> 00:06:09,660 And they really are a bad sign here and here. 70 00:06:09,660 --> 00:06:13,790 We're going to do we are going to be creating the unclick. 71 00:06:13,910 --> 00:06:17,060 We are going to call the unclick attributes. 72 00:06:18,680 --> 00:06:27,950 That is, and we are going to say props those extra cards, and by clicking on edge cuts, we need to 73 00:06:27,950 --> 00:06:35,150 send a message because when we click on Add to Cart, OK, that means we are going to call this function 74 00:06:35,450 --> 00:06:38,020 OK, because we have created a props. 75 00:06:38,300 --> 00:06:47,570 We have passed these props from Dodgiest to they cast votes from very close to tears to they call and 76 00:06:47,880 --> 00:06:50,270 they call is where we have the baton. 77 00:06:50,630 --> 00:06:56,360 And when we click on this button we must call this card this function. 78 00:06:56,360 --> 00:07:08,600 And then we have passed these props from the vaquero, singular in a box and the chase ends in the Baton 79 00:07:08,610 --> 00:07:08,860 Rouge. 80 00:07:08,870 --> 00:07:15,740 Yes, we have the funny the unclick attributes in order to make interaction between our baton and our 81 00:07:15,740 --> 00:07:16,390 function. 82 00:07:16,400 --> 00:07:22,730 That means once we click on this button, then we are going to a call, OK? 83 00:07:22,940 --> 00:07:29,420 We are going to call our function and let us back in a hundred years. 84 00:07:29,440 --> 00:07:38,330 So we are going to we are going to make a call log in order to see because you can see this is the very 85 00:07:38,330 --> 00:07:44,840 core and the very core is an object in which we can take all properties of our car. 86 00:07:45,170 --> 00:07:51,010 And if you want to get, for example, the name in the ID, I can see I can display to your. 87 00:07:51,420 --> 00:07:57,290 OK, so we're going to say so in this case, I'm going to be using the template literals. 88 00:07:57,530 --> 00:07:59,120 I'm going to say, for example. 89 00:08:03,740 --> 00:08:05,120 The idea of. 90 00:08:07,550 --> 00:08:08,560 It's like the. 91 00:08:12,270 --> 00:08:20,880 Element is we going put a dollar sign like we're going to put out called braces, so we're going to 92 00:08:21,270 --> 00:08:32,660 we're going to say they call it is better to use the template literal and they call notes every idea. 93 00:08:32,880 --> 00:08:34,470 And what's the idea like this? 94 00:08:37,450 --> 00:08:38,620 And the brains. 95 00:08:42,290 --> 00:08:50,060 Is the brain is to the same thing I want to say. 96 00:08:50,120 --> 00:08:51,920 Do not forget to put a dollar sign. 97 00:08:55,570 --> 00:08:56,440 They call. 98 00:08:57,700 --> 00:09:06,210 OK, dot points like this, and if we try to back in Aughrim. 99 00:09:08,770 --> 00:09:13,850 Application, let us click on consult and click on this specific button. 100 00:09:14,560 --> 00:09:20,410 Or is it a process that it's required is not a function word? 101 00:09:22,280 --> 00:09:24,930 It is not the function. 102 00:09:27,200 --> 00:09:27,950 Proops. 103 00:09:30,010 --> 00:09:38,500 OK, it is not Proops, it cuts from homology, let us rule on their goods and yes, it's cuts. 104 00:09:38,960 --> 00:09:40,630 It cuts, yes. 105 00:09:40,630 --> 00:09:44,120 Here we here we have to we need to put it to cuts in. 106 00:09:44,560 --> 00:09:46,540 OK, this is cut. 107 00:09:46,540 --> 00:09:50,910 And this is the mistake that we have made, OK? 108 00:09:51,460 --> 00:09:55,210 The props that's required because we we do not have this function. 109 00:09:55,350 --> 00:09:57,900 We will not have the function of this name. 110 00:09:58,270 --> 00:10:00,190 It is hard to cut and paste. 111 00:10:00,190 --> 00:10:00,610 Soyabean. 112 00:10:00,610 --> 00:10:01,390 Excuse me. 113 00:10:03,510 --> 00:10:07,420 It does reload this page and let us click here. 114 00:10:08,100 --> 00:10:08,780 Very good. 115 00:10:08,820 --> 00:10:17,160 The idea of the selected elements is the country at the brink is my and if I click on this Toyota and 116 00:10:17,160 --> 00:10:23,080 the idea of the selected elements is car nine and the brand is Toyota. 117 00:10:23,130 --> 00:10:33,920 OK, so you can see we have interaction between our bottom here and our Entocort function and our Ed 118 00:10:33,930 --> 00:10:40,220 to Catanzaro function, which is a great car, which is in a Honda Chase. 119 00:10:40,410 --> 00:10:46,470 And we're going to continue in the next video we are going to be talking about, hey, you think Hurricaine 120 00:10:46,770 --> 00:10:50,540 creates an array in which we're going to keep different elements? 121 00:10:50,550 --> 00:10:51,990 That going, it's called.