Now in this part we are going to add that you could feel on each card such that when you type the name
This name will be changed.
So now we back to the top component.
And under the title we add the input field and also we buy the value to the pop star's name.
And also we will add a on changed and we will also buy the function name her
nowadays a input field and this is displayed.
The name here so we go back to the empty as we are going to create a new function called names.
Name handler
since we will get the name from the input box.
So we need that event.
And also we you need to know the idea of that card.
There are a few things that we need to do.
And the first thing is we want to know which card is selected.
And the second one is as we already discussed before we do not want to manipulate a variable cost directly.
So we want to make a copy of the top
and the first one since we already load the I.D..
So we want to change the name of the specific card
so since we already change the card.
So the fourth point is we update the card
so here we want to know the index so we can create a variable called cost index and then from the cards
we want to find in the US.
So we use these are way functions
so we want to fire the cards that we have no idea equal to the idea that we passed in the functions
and then we want to make the copies of the card
since we already have the copy.
And we also have to I.D. And we also have to name the updated name so we can make the changes
so now we can stack costs
with the cost copy.
So the function already creators and now we can change we can add this function to the card which way
and Iran is no on strange name is equal to that U.N.
and we also passed the card I.D..
Now we can go back to the card component or get a card to ask we should buy this function to here
and now we can try to change the name.
There should be no deal here.
Now as you can see you can change any name by using the input field and that each card also has different
name.