1 00:00:05,330 --> 00:00:08,340 All right so taking a look at some different things you can do with a Querrey. 2 00:00:08,480 --> 00:00:15,050 We've removed copy we can change copy slip copy over and moved and done things like that you're on when 3 00:00:15,140 --> 00:00:22,130 you want to insert copy of a different way to do it and then maybe we had looked at in a previous video. 4 00:00:22,280 --> 00:00:23,720 So here's a different way to do it. 5 00:00:23,720 --> 00:00:28,850 So it got me in my body area here I've got an ID container and I've got three paragraphs here. 6 00:00:28,880 --> 00:00:32,960 Number one two and three just you can see them a little bit easier. 7 00:00:32,990 --> 00:00:38,930 We're going to do all of this through just the J.A.G. appear so in my typical script and then starting 8 00:00:38,930 --> 00:00:44,960 with document ready function we're going to go in and first printing. 9 00:00:45,020 --> 00:00:50,090 Well it's quite critical of buttons for us because we want to insert the copy the one to do that through 10 00:00:50,090 --> 00:00:56,150 a button as opposed to just letting the query just do what we actually want to have a bit of a click 11 00:00:56,150 --> 00:00:56,450 event. 12 00:00:56,450 --> 00:01:01,810 So I'll say hey you trust equals. 13 00:01:02,120 --> 00:01:05,350 Always use the word counts and you always do. 14 00:01:05,570 --> 00:01:10,430 And I give it an ID of the pen 15 00:01:13,110 --> 00:01:18,060 Nannes couldn't call and close that out. 16 00:01:18,220 --> 00:01:19,110 I'm Skip soup's 17 00:01:22,150 --> 00:01:26,610 so call I want a pen and we can do is pray on it. 18 00:01:26,610 --> 00:01:31,530 So let's say draft equals and pound sign. 19 00:01:31,530 --> 00:01:33,420 I don't see ID equals 20 00:01:36,200 --> 00:01:43,780 prepared which is to use I think there are any code that out 21 00:01:46,660 --> 00:01:50,530 the. 22 00:01:50,880 --> 00:01:54,270 So if you got those two buttons then they're going to do is when I click on them they're going to target 23 00:01:54,300 --> 00:01:57,680 the area within the body document there. 24 00:01:58,010 --> 00:01:59,610 So when you start writing this out. 25 00:01:59,610 --> 00:02:07,200 We started this out as we always do with the dollar sign and we'll say give them quotes they're going 26 00:02:07,200 --> 00:02:09,620 to target the you pad. 27 00:02:09,830 --> 00:02:10,490 All right. 28 00:02:10,500 --> 00:02:12,410 It's nothing too crazy going on here. 29 00:02:12,420 --> 00:02:14,100 Just hard to me a pen right there. 30 00:02:14,100 --> 00:02:19,270 The idea here and this is going to be an advantage click events. 31 00:02:19,350 --> 00:02:25,710 So when you click on that's what's going to happen when you create a function within that function. 32 00:02:27,700 --> 00:02:30,100 So close that out. 33 00:02:30,130 --> 00:02:37,960 So within that function there we will do the target the first paragraph and we'll say dollar sign 34 00:02:40,850 --> 00:02:42,980 pee first. 35 00:02:43,010 --> 00:02:47,120 So decken want to make sure we know our filters and our CSI is how we work all that summer and say the 36 00:02:47,120 --> 00:02:56,570 first paragraph or target that one angle or pendant with just eyes just 37 00:03:00,200 --> 00:03:02,500 dependence and copy. 38 00:03:02,640 --> 00:03:07,380 So go ahead and close that out with the semi-colon and get that closed out properly cool. 39 00:03:07,400 --> 00:03:08,430 So that's looking good. 40 00:03:08,690 --> 00:03:09,830 So let's go and just copy that. 41 00:03:09,860 --> 00:03:18,030 We're going to do kind of a similar thing for the weekend and instead of that rights and you can't change 42 00:03:18,030 --> 00:03:20,850 the name of that sticker to do it click function. 43 00:03:20,950 --> 00:03:22,910 It's going to change the first paragraph. 44 00:03:22,990 --> 00:03:26,540 Again we'll just say Prepon as opposed to append 45 00:03:29,310 --> 00:03:31,800 you can add some copy. 46 00:03:31,890 --> 00:03:33,120 It's like a slide here and there. 47 00:03:33,130 --> 00:03:34,340 So comfy. 48 00:03:34,360 --> 00:03:37,740 That doesn't make sense. 49 00:03:37,810 --> 00:03:44,260 So what should happen is I should pen and present this copy right here by using those two buttons that 50 00:03:44,260 --> 00:03:45,560 I have down in my body. 51 00:03:45,560 --> 00:03:49,740 So let's go ahead and save that I've just created a new document called insert. 52 00:03:49,750 --> 00:03:51,720 It's going to take a look how that works. 53 00:03:53,160 --> 00:03:59,900 Insearch that's a job that I document here and if I click on up and again get one two and three. 54 00:03:59,960 --> 00:04:01,730 See what's going on it's apparent 55 00:04:04,450 --> 00:04:06,070 this over here real quick. 56 00:04:06,100 --> 00:04:13,870 This is actually supposed to be spelled Pujari P E and D as opposed to the two Ps change it everywhere 57 00:04:13,870 --> 00:04:14,150 here. 58 00:04:14,170 --> 00:04:19,630 Real quick if you don't mind berrin with me so I'm sure that's done right. 59 00:04:22,190 --> 00:04:24,420 Can remember how that was spelled out. 60 00:04:24,610 --> 00:04:27,740 So that is should be correct. 61 00:04:27,790 --> 00:04:32,700 Now the append was going to go to the end of the first paragraph is going to come to the end. 62 00:04:34,030 --> 00:04:38,430 Whereas Prepon should be adding to the beginning of the first paragraph right here. 63 00:04:38,650 --> 00:04:41,400 And again the same document combate to cure it. 64 00:04:41,410 --> 00:04:42,100 Refreshing. 65 00:04:42,100 --> 00:04:45,690 If I had a pound you can see I just appended some copy. 66 00:04:45,790 --> 00:04:50,830 If I have pre-canned can see I just pretend it's some copy right before the one right there. 67 00:04:50,830 --> 00:04:56,320 So as you can see because you hopefully understand everything we've done up to this point and the other 68 00:04:56,320 --> 00:05:01,810 videos that we've taken a look at the filters or we could append or prepared this two different paragraphs 69 00:05:01,810 --> 00:05:06,340 within our body and can do all sorts of different things using these CSSA selectors here. 70 00:05:06,340 --> 00:05:11,720 So all for that over that helped out in some of your future projects. 71 00:05:11,720 --> 00:05:14,400 There's a lot of applications for just finding the right thing for you.