1
00:00:00,630 --> 00:00:05,760
Now in this part we are going to add that you could feel on each card such that when you type the name

2
00:00:06,780 --> 00:00:09,730
This name will be changed.

3
00:00:09,810 --> 00:00:12,010
So now we back to the top component.

4
00:00:13,410 --> 00:00:24,520
And under the title we add the input field and also we buy the value to the pop star's name.

5
00:00:25,140 --> 00:00:32,820
And also we will add a on changed and we will also buy the function name her

6
00:00:35,720 --> 00:00:39,300
nowadays a input field and this is displayed.

7
00:00:39,320 --> 00:00:49,080
The name here so we go back to the empty as we are going to create a new function called names.

8
00:00:49,200 --> 00:00:49,960
Name handler

9
00:00:58,500 --> 00:01:02,300
since we will get the name from the input box.

10
00:01:02,310 --> 00:01:03,610
So we need that event.

11
00:01:03,630 --> 00:01:09,370
And also we you need to know the idea of that card.

12
00:01:09,540 --> 00:01:11,700
There are a few things that we need to do.

13
00:01:11,790 --> 00:01:17,050
And the first thing is we want to know which card is selected.

14
00:01:17,280 --> 00:01:28,720
And the second one is as we already discussed before we do not want to manipulate a variable cost directly.

15
00:01:28,980 --> 00:01:31,620
So we want to make a copy of the top

16
00:01:37,500 --> 00:01:40,680
and the first one since we already load the I.D..

17
00:01:41,220 --> 00:01:44,270
So we want to change the name of the specific card

18
00:01:49,550 --> 00:01:51,800
so since we already change the card.

19
00:01:51,800 --> 00:01:56,450
So the fourth point is we update the card

20
00:02:04,200 --> 00:02:15,040
so here we want to know the index so we can create a variable called cost index and then from the cards

21
00:02:15,280 --> 00:02:17,230
we want to find in the US.

22
00:02:17,290 --> 00:02:19,390
So we use these are way functions

23
00:02:30,820 --> 00:02:38,500
so we want to fire the cards that we have no idea equal to the idea that we passed in the functions

24
00:02:39,280 --> 00:02:41,470
and then we want to make the copies of the card

25
00:02:49,220 --> 00:02:51,180
since we already have the copy.

26
00:02:51,320 --> 00:03:00,050
And we also have to I.D. And we also have to name the updated name so we can make the changes

27
00:03:10,670 --> 00:03:12,110
so now we can stack costs

28
00:03:17,700 --> 00:03:19,330
with the cost copy.

29
00:03:19,530 --> 00:03:27,820
So the function already creators and now we can change we can add this function to the card which way

30
00:03:27,840 --> 00:03:37,050
and Iran is no on strange name is equal to that U.N.

31
00:03:41,970 --> 00:03:44,180
and we also passed the card I.D..

32
00:03:44,460 --> 00:03:52,050
Now we can go back to the card component or get a card to ask we should buy this function to here

33
00:03:56,310 --> 00:03:59,530
and now we can try to change the name.

34
00:03:59,690 --> 00:04:03,020
There should be no deal here.

35
00:04:03,020 --> 00:04:11,720
Now as you can see you can change any name by using the input field and that each card also has different

36
00:04:11,720 --> 00:04:12,020
name.