1
00:00:00,480 --> 00:00:07,090
The G query append method can be used to append data to the end of a specified each email element.

2
00:00:07,200 --> 00:00:14,830
In this example we have a paragraph with some text in addition to an ordered list if we click the append

3
00:00:14,890 --> 00:00:23,560
text button we can see that some additional text gets appended to the paragraph when we could append

4
00:00:23,560 --> 00:00:27,490
list item a new list item is added to the end of the list.

5
00:00:31,520 --> 00:00:34,880
We'll take a look at the HMO now to see how this works.

6
00:00:37,720 --> 00:00:48,010
First in our body tags we can see we have our paragraph and the ordered list element.

7
00:00:48,030 --> 00:01:01,500
We also have two buttons each with a unique I.D. button one and button two next in our script.

8
00:01:01,580 --> 00:01:04,190
We have a click event attached to button 1

9
00:01:07,770 --> 00:01:09,270
when the event is triggered.

10
00:01:09,300 --> 00:01:20,390
The words more text are appended to any text contained within paragraph tags.

11
00:01:20,500 --> 00:01:29,200
The second click event is for button to this event appends a list item named new sport to the ordered

12
00:01:29,200 --> 00:01:29,620
list

13
00:01:32,740 --> 00:01:38,500
you will notice that the text and list item are added at the end of the existing text

14
00:01:42,580 --> 00:01:47,610
so we can see that any new list items are added at the end.

15
00:01:48,050 --> 00:01:52,680
And any text is also added at the end of the existing text

16
00:02:00,690 --> 00:02:03,630
we can change append to creep and

17
00:02:12,620 --> 00:02:16,460
and this will add the new items before the existing text.

18
00:02:16,550 --> 00:02:23,060
So I'll just save the file and refresh the browser.

19
00:02:23,200 --> 00:02:27,100
You can see that the new items are now adding before the existing text.