1
00:00:00,150 --> 00:00:05,370
He in this section, we're building a list and this is a shopping list, and you can edit it in line

2
00:00:05,370 --> 00:00:11,610
so you can edit, delete, update the list items, dynamic content, using the input values, as well

3
00:00:11,610 --> 00:00:14,640
as creating elements on the fly JavaScript.

4
00:00:14,640 --> 00:00:20,060
So dynamic JavaScript and then also having the ability to update those elements that are just created.

5
00:00:20,280 --> 00:00:25,770
So adding a click event to the element so that you can select it, edit it, update it and save it and

6
00:00:25,770 --> 00:00:27,120
update the list as well.

7
00:00:27,450 --> 00:00:30,040
This is a really nice, interesting way to present the list.

8
00:00:30,090 --> 00:00:30,760
Let me show you.

9
00:00:30,930 --> 00:00:36,540
So we've got a default list and we can delete items from the list and we can edit the items in the list.

10
00:00:36,540 --> 00:00:42,930
So I can update those as well as if I wanted to add to the list, I can add items and they get the same

11
00:00:42,930 --> 00:00:47,220
functionality that we can edit and we can delete those so we can add as many items as we want to the

12
00:00:47,220 --> 00:00:51,900
list, update the list items and have a really dynamic list functionality.

13
00:00:52,140 --> 00:00:56,600
So this is going to be presented in this section and this is actually one of my favorite exercises.

14
00:00:56,610 --> 00:00:57,360
I hope you enjoy it.