1
00:00:00,650 --> 00:00:07,340
Geography contains powerful methods of changing and manipulating the Document Object Model or DOMA.

2
00:00:07,340 --> 00:00:11,510
This includes changing both HMO elements and attributes.

3
00:00:11,510 --> 00:00:18,200
In this lesson we'll work with retrieving the value of an element using the J query text and HDMI methods

4
00:00:19,630 --> 00:00:20,590
in this example.

5
00:00:20,590 --> 00:00:27,960
We have two buttons and some text contained within a paragraph if we click the first button.

6
00:00:28,310 --> 00:00:32,210
A text box appears which contains the text found in the paragraph.

7
00:00:38,080 --> 00:00:44,670
Clicking the second button also launches a text box but this time the text contains the HMO elements

8
00:00:44,700 --> 00:00:45,540
as well.

9
00:00:49,690 --> 00:00:51,940
Now let's go through the script to see how this was done.

10
00:00:55,070 --> 00:01:02,420
First we can see in the body take that we have two buttons one button with the I.D. button one and the

11
00:01:02,420 --> 00:01:04,850
other with I.D. button two

12
00:01:10,430 --> 00:01:15,670
our paragraph as the eye the lying one.

13
00:01:15,910 --> 00:01:19,330
It contains a line of text with italics in bold times

14
00:01:22,820 --> 00:01:25,320
our script located in the head tag.

15
00:01:27,200 --> 00:01:29,570
Starts with a click event for Button 1

16
00:01:33,240 --> 00:01:39,330
when button 1 is clicked an alert appears with the contents of our paragraph with I.D..

17
00:01:39,330 --> 00:01:39,960
Line 1

18
00:01:43,590 --> 00:01:46,410
the DOT text method is attached.

19
00:01:46,500 --> 00:01:53,570
This will output the text from the paragraph into the other in text format as we saw in the demonstration

20
00:01:55,550 --> 00:02:02,750
the next function is a cookie event on button 2 when button 2 is clicked the alert box appears with

21
00:02:02,750 --> 00:02:06,160
the contents with the contents of line 1.

22
00:02:06,200 --> 00:02:09,370
This time the output is an HMO format.

23
00:02:09,530 --> 00:02:12,710
This means the HMO tags will be visible in the open.

24
00:02:14,000 --> 00:02:15,900
Let's take a second look in our web browser.

25
00:02:18,530 --> 00:02:26,260
So once again if we could show text we see the line of text without any HDMI output.

26
00:02:29,350 --> 00:02:35,830
If we could show each GMO we can see the line of text with this time with the HMO elements also visible

27
00:02:36,760 --> 00:02:37,750
italic and bold.