1 00:00:02,210 --> 00:00:02,990 Welcome back, guys. 2 00:00:03,020 --> 00:00:08,240 Welcome to another lecture here, we are going to continue with Don Manipulation because we just started. 3 00:00:08,420 --> 00:00:13,490 So if you haven't just watched the previous lectures and it all be clear, this is a brand new project. 4 00:00:13,640 --> 00:00:14,710 I do it for you guys. 5 00:00:14,720 --> 00:00:16,330 It's to do is it's nothing special. 6 00:00:16,760 --> 00:00:21,830 We have adding a task and we have removing and this is a reset button now. 7 00:00:23,500 --> 00:00:25,420 You give me an example. 8 00:00:25,440 --> 00:00:26,340 I'm just going to show you. 9 00:00:27,600 --> 00:00:29,760 What's happening here in Zem? 10 00:00:32,320 --> 00:00:38,860 Yep is an example that I have Domme folder and inside, of course, James says you don't need to worry 11 00:00:38,860 --> 00:00:47,260 about this one in index, that what you need to worry about is these two files index, an app that just 12 00:00:47,350 --> 00:00:51,730 because I'm going to give it to you, you can download this project from from there and you can start 13 00:00:51,730 --> 00:00:56,850 it right now if I refresh here at five. 14 00:00:56,950 --> 00:01:02,470 So I do local Hungnam or you can name whatever you want in control. 15 00:01:02,470 --> 00:01:03,730 You will see this. 16 00:01:04,120 --> 00:01:07,300 What I have here now, I do have the DOCTYPE. 17 00:01:09,010 --> 00:01:14,950 Starting the DOCTYPE, I have the head, I have the body in the side, I have a couple of elements right 18 00:01:15,070 --> 00:01:15,490 now. 19 00:01:15,490 --> 00:01:18,250 I don't use I use this here. 20 00:01:19,810 --> 00:01:23,970 I use Google funds and you will see which Google phones this mouse model. 21 00:01:24,220 --> 00:01:24,610 I don't know. 22 00:01:24,750 --> 00:01:25,770 There are no display. 23 00:01:26,240 --> 00:01:27,550 I've no idea what was the name. 24 00:01:27,730 --> 00:01:30,260 It looks it looked good for this project. 25 00:01:30,280 --> 00:01:32,290 Now, I do have this cute, fun, awesome. 26 00:01:32,290 --> 00:01:33,290 And I do have this number. 27 00:01:33,310 --> 00:01:35,280 This number is not going to be your number. 28 00:01:35,290 --> 00:01:35,600 Right. 29 00:01:36,190 --> 00:01:41,260 You should go and find out some or you can download link and just put it here. 30 00:01:41,710 --> 00:01:48,850 The way that I don't want to do it like this, the Kilink or Bouchareb, you can do the same thing with 31 00:01:48,850 --> 00:01:51,820 Bouchareb, but lately I have a lot of errors. 32 00:01:51,910 --> 00:01:56,290 When I do a console, you will see what I'm what I'm trying to see if I don't do inspect. 33 00:01:57,140 --> 00:02:03,170 If I go to Gonzales here, it is a cookie, OK, this is something else, but Dev tools failed to source 34 00:02:03,170 --> 00:02:04,620 map, stuff like that. 35 00:02:04,640 --> 00:02:06,350 If you open the same one. 36 00:02:08,430 --> 00:02:17,010 If you open the same one in Firefox, I will have a known property mass on smoothing that is coming 37 00:02:17,010 --> 00:02:20,220 from actually this line here from funhouse. 38 00:02:20,310 --> 00:02:23,340 So if I remove this line, you will see if I save it. 39 00:02:24,240 --> 00:02:25,350 You're not going to have at this point. 40 00:02:25,350 --> 00:02:27,430 But I'm not going to have the icons right. 41 00:02:27,650 --> 00:02:31,420 If Unosumai, because I don't have access in future, you might have a different one. 42 00:02:32,010 --> 00:02:38,700 So what I strongly suggest is you pretty mean that CSX actually, I don't have it here. 43 00:02:39,210 --> 00:02:40,920 This is coming from Dodo's. 44 00:02:41,070 --> 00:02:43,560 So this is from font. 45 00:02:43,560 --> 00:02:44,010 Awesome. 46 00:02:44,010 --> 00:02:46,220 You can download CDN link, do whatever you want. 47 00:02:46,230 --> 00:02:50,400 I'm not going to show you that because that is too basic and you can Google it and find a way to do 48 00:02:50,400 --> 00:02:51,900 it right now. 49 00:02:53,550 --> 00:02:55,800 And I'm not sure if this is going to work for you guys. 50 00:02:56,100 --> 00:03:02,910 That's why you need to know that I have here in the bottom I have a script, and this is how you can 51 00:03:02,910 --> 00:03:03,650 navigate. 52 00:03:03,720 --> 00:03:06,240 You can get into the app just now. 53 00:03:06,540 --> 00:03:10,370 One thing first that you need to know, which is I'm going to show it to. 54 00:03:11,590 --> 00:03:14,450 When you do control you, you will save this one. 55 00:03:14,470 --> 00:03:19,780 Now, the first things that you need to check, you need to click in this one if that is loading, OK, 56 00:03:19,960 --> 00:03:22,370 if you see this code and means that it's loading, good. 57 00:03:22,630 --> 00:03:24,100 Now, if you check this one. 58 00:03:25,070 --> 00:03:28,210 It's empty at the moment, but let's let's show it to you. 59 00:03:29,360 --> 00:03:29,840 Here. 60 00:03:31,020 --> 00:03:36,380 And it should give you something right now that means that this mine is loaded. 61 00:03:36,410 --> 00:03:40,800 Now, if you don't put it in a folder like me, you're going to have problems. 62 00:03:40,800 --> 00:03:47,130 You need to you need to use only Abdah J.S. That's what I'm trying to say now. 63 00:03:47,130 --> 00:03:48,630 Find a correct location. 64 00:03:48,930 --> 00:03:56,200 These double dots or slash it goes outside one folder, one directory. 65 00:03:56,550 --> 00:04:03,990 This because we are here, I do use that one and it will give me the gas and that's how I managed to 66 00:04:03,990 --> 00:04:04,410 grab it. 67 00:04:04,650 --> 00:04:08,370 Now, please, I don't want to mails emails for these things. 68 00:04:08,670 --> 00:04:12,540 Just load those things, make sure that is working for you correctly. 69 00:04:12,900 --> 00:04:15,360 See, see if the bad is working. 70 00:04:15,360 --> 00:04:16,830 That is what you need to do. 71 00:04:16,980 --> 00:04:18,540 I'm just going to zoom in here. 72 00:04:18,840 --> 00:04:20,150 This is not visible. 73 00:04:21,120 --> 00:04:25,160 So what we are going to do is actually even have this folder. 74 00:04:25,170 --> 00:04:26,760 You're going to have this project already. 75 00:04:26,970 --> 00:04:28,440 So we're not going to code this part. 76 00:04:28,680 --> 00:04:30,390 So I'm just going to show you what's inside. 77 00:04:30,390 --> 00:04:34,730 We have inside card and we have the card, but we have to do list. 78 00:04:34,740 --> 00:04:35,580 That's the title. 79 00:04:35,580 --> 00:04:36,960 We have the add items. 80 00:04:37,230 --> 00:04:38,580 That's the form inside. 81 00:04:38,730 --> 00:04:39,460 We have the method. 82 00:04:39,780 --> 00:04:41,730 Don't worry about we aren't going to do it anything. 83 00:04:42,090 --> 00:04:48,060 So here maybe you need to put some mine in a save that file, but we're not going to do that. 84 00:04:48,420 --> 00:04:49,980 So this is empty. 85 00:04:50,220 --> 00:04:59,190 That is because because of that, just I need to make it like this in order to see it, because I now 86 00:04:59,190 --> 00:05:00,380 I have a button inside. 87 00:05:00,900 --> 00:05:03,690 Good to have high class plus circle and that. 88 00:05:04,800 --> 00:05:07,440 Ladies and gentlemen, is giving you this part. 89 00:05:08,550 --> 00:05:09,480 She's going to close. 90 00:05:09,720 --> 00:05:12,850 I just want to show you a lot of things, that's why I'm jumping all the way. 91 00:05:13,050 --> 00:05:15,130 So this is the bottom so you can add things. 92 00:05:15,150 --> 00:05:16,700 This is the input we spot. 93 00:05:16,710 --> 00:05:18,270 I style the input in. 94 00:05:19,730 --> 00:05:26,860 The US, he says, but I did the most of the styling here, so I'm going to give you this one, no hearsays 95 00:05:26,870 --> 00:05:29,240 watching because I have a extension called. 96 00:05:30,890 --> 00:05:31,610 Where is it? 97 00:05:32,470 --> 00:05:37,850 I have this one less SAS compiler, you can install it because if you want to change it here, it's 98 00:05:37,850 --> 00:05:43,960 better for you to change something here in this actually will put in CCIS mean a couple of files, right? 99 00:05:44,000 --> 00:05:45,960 Because this is the main the Sears's. 100 00:05:46,000 --> 00:05:52,190 Now, if you have another file, additional file with the changes here, you can include it here. 101 00:05:52,580 --> 00:05:52,940 Right. 102 00:05:53,870 --> 00:05:58,310 That's what I want to show you and let's let's move on. 103 00:05:59,330 --> 00:06:04,940 So I do want to show you a lot of things because I don't want him to be I don't want you guys to be 104 00:06:04,940 --> 00:06:06,880 unfamiliar with things, how we get here. 105 00:06:07,100 --> 00:06:08,270 So I did call it this one. 106 00:06:08,270 --> 00:06:09,410 I did style this one. 107 00:06:09,740 --> 00:06:12,080 Now we do have the least wrapper. 108 00:06:12,080 --> 00:06:14,570 We do have to do list with elements. 109 00:06:14,720 --> 00:06:17,510 So I'm not at least with Elai inside. 110 00:06:17,700 --> 00:06:23,570 So if you don't know anything about this, check out the I don't know, check out Internet resources 111 00:06:23,570 --> 00:06:25,680 about an audit released orderlies. 112 00:06:25,700 --> 00:06:26,900 This is very basic things. 113 00:06:26,900 --> 00:06:28,040 Get in here. 114 00:06:28,040 --> 00:06:31,250 I do have a link and I have a span with the name. 115 00:06:31,460 --> 00:06:34,970 So I do have the classes which I use for styling in. 116 00:06:34,970 --> 00:06:35,710 At the end. 117 00:06:35,720 --> 00:06:40,510 I do have another form for the resecting and that is this button here, right? 118 00:06:40,880 --> 00:06:43,550 This is the trash that's coming from this link. 119 00:06:45,000 --> 00:06:50,430 Right, right, class warfare trash, that's why I told you that you need to have this part, because 120 00:06:50,430 --> 00:06:55,170 if you don't have at this part, so if I thought it was refreshing, I'm going to be able to see to 121 00:06:55,170 --> 00:06:55,740 this part. 122 00:06:55,990 --> 00:06:56,490 That's it. 123 00:06:56,820 --> 00:06:57,270 Simple. 124 00:06:57,360 --> 00:07:01,110 Now, OK, one more thing. 125 00:07:01,120 --> 00:07:09,150 I prefer you to use this Google Chrome, because this is the way I'm going to show you the inspect. 126 00:07:10,420 --> 00:07:14,290 It's a little bit different in Google Chrome and it's a little bit different in here. 127 00:07:14,520 --> 00:07:21,120 Now, this mass on smoothing, these is the arrow coming from this bad boy here, because I don't know 128 00:07:21,120 --> 00:07:21,810 what's the problem. 129 00:07:21,810 --> 00:07:28,590 Even if you do install a CD and if you use a link, if you use even the bootstrap, it will give you 130 00:07:28,590 --> 00:07:32,730 a bunch of errors here, unknown properties, whatever it is there. 131 00:07:32,850 --> 00:07:35,960 So that's why I just spent a little bit of time in. 132 00:07:36,030 --> 00:07:38,630 But again, I have an error, so don't worry about this. 133 00:07:38,640 --> 00:07:41,760 Nothing wrong with your with a code right now. 134 00:07:42,540 --> 00:07:45,670 I'm going to show you how you can we need to start. 135 00:07:45,810 --> 00:07:50,160 So now let's look in a console and find a window document object. 136 00:07:50,490 --> 00:07:50,860 Right. 137 00:07:50,880 --> 00:07:51,640 What will give you. 138 00:07:51,660 --> 00:07:55,310 So that's why I'm saying here you can type window. 139 00:07:56,410 --> 00:07:56,980 Sorry. 140 00:07:57,900 --> 00:08:03,110 And hit it, hit enter, and if you don't hit enter, it's not going to be able to see this. 141 00:08:03,360 --> 00:08:09,000 Now, this is giving me a lot of things here, a lot of a lot of things that we can access. 142 00:08:09,000 --> 00:08:12,500 But what we are most concerned is this document. 143 00:08:12,510 --> 00:08:16,380 So here is you around the body in a lot of things. 144 00:08:16,380 --> 00:08:19,200 But there is another way how we can access this one. 145 00:08:19,450 --> 00:08:23,760 Actually, let's put it in the let's hear it see it here window. 146 00:08:25,470 --> 00:08:32,100 So it should be a little bit similar and it is not very similar, but that's why I'm just trying to 147 00:08:32,100 --> 00:08:35,560 show you that you is better for you to follow here. 148 00:08:35,820 --> 00:08:41,500 Now, I'm just going to clear all of this very good in what I'm going to do in this abduh. 149 00:08:41,600 --> 00:08:47,820 Yes, I'm going to create a variable type document and we're going to use we're going to create a couple 150 00:08:47,820 --> 00:08:51,090 of variables or that in links. 151 00:08:51,630 --> 00:08:53,880 And don't worry about this. 152 00:08:53,880 --> 00:08:54,510 We're going to use it. 153 00:08:54,720 --> 00:09:01,290 So this document we're going to assign to the document that I just already showed you and we can do 154 00:09:01,300 --> 00:09:02,340 Konza like. 155 00:09:04,350 --> 00:09:06,300 In print out the document now. 156 00:09:08,340 --> 00:09:10,120 I'm just going to refresh in here. 157 00:09:10,140 --> 00:09:15,330 You're going to have at this document, let's refresh it here and I have HMO documents, right? 158 00:09:15,970 --> 00:09:17,070 That's a little bit different. 159 00:09:17,290 --> 00:09:22,640 Here is a little bit different presentation, but it will get you the same thing right now in this document. 160 00:09:22,650 --> 00:09:27,240 I have DOCTYPE, I have the HTML, I have the head. 161 00:09:27,750 --> 00:09:28,200 What else? 162 00:09:28,200 --> 00:09:29,250 I do have everything. 163 00:09:29,250 --> 00:09:33,710 What we have actually here it is in the file. 164 00:09:33,930 --> 00:09:36,510 That is what actually is printing out now. 165 00:09:37,740 --> 00:09:44,320 This we can grab a lot of things from this document, we can access those things. 166 00:09:44,520 --> 00:09:51,330 So how we can do this now if I want to grab all of what's inside a document, this is very easy. 167 00:09:51,330 --> 00:09:52,410 We can just say, OK. 168 00:09:53,440 --> 00:09:54,790 Now, dot equal. 169 00:09:54,820 --> 00:10:04,940 Sorry, dot equals to document dot oh, we'll do this, we can just grab the HDMI collection. 170 00:10:04,960 --> 00:10:10,430 This will give us an table collection and if you're confused why I put this one here. 171 00:10:10,780 --> 00:10:18,490 So anything that is in the second second line, anything that comes after this, it will be rewritten 172 00:10:18,490 --> 00:10:20,910 and it will be assigned to this document variable. 173 00:10:21,130 --> 00:10:26,500 So that why this is not going to give us this part is going to give us the last thing that we are assigning 174 00:10:26,500 --> 00:10:27,410 this variable to. 175 00:10:27,730 --> 00:10:30,090 Now, I'm just going to refresh you. 176 00:10:30,190 --> 00:10:31,930 It is it's a collection. 177 00:10:31,940 --> 00:10:34,650 Forty five so we can check this. 178 00:10:34,660 --> 00:10:38,110 This is actually the length how many elements I do have in this. 179 00:10:39,110 --> 00:10:43,490 In this here, but actually, if I did control you, it's better, better like that. 180 00:10:43,670 --> 00:10:45,920 So it's giving me forty five. 181 00:10:46,760 --> 00:10:49,640 This is the length and it's giving me an error. 182 00:10:49,820 --> 00:10:53,360 Actually, this is not an error, but we can also. 183 00:10:54,380 --> 00:11:01,460 We can hear and we can see on the positions here where we do have HTML position one head method math 184 00:11:01,550 --> 00:11:09,770 on three Link Lingling, this is Lingley from from our own awesome in our styles. 185 00:11:09,920 --> 00:11:19,580 So we have title in the position and now what else we can we will do is actually we need to, we need, 186 00:11:19,610 --> 00:11:23,550 we can access for example, we can access any element here. 187 00:11:23,840 --> 00:11:28,550 Now I just want to access which one on the number 10 position, the title. 188 00:11:28,550 --> 00:11:32,120 I just going to grab the title so we can say, OK, let's write this one. 189 00:11:33,940 --> 00:11:37,210 Will give us a document. 190 00:11:38,490 --> 00:11:40,220 HDMI collection. 191 00:11:41,170 --> 00:11:42,340 Now from here. 192 00:11:43,510 --> 00:11:50,410 I can still use this one, but I can access the data which element I want, so if I do it with zero. 193 00:11:51,810 --> 00:11:56,180 The zoo is actually look at what's happening here, is going to give me the HTML. 194 00:11:57,390 --> 00:12:00,120 The entire the entire element here, so. 195 00:12:01,490 --> 00:12:05,540 Zero position is the head now. 196 00:12:06,960 --> 00:12:13,110 What about if we want to just going to just going to do it again, I'm just going to comment this one 197 00:12:13,620 --> 00:12:15,210 and I'm just going to see. 198 00:12:17,180 --> 00:12:22,960 Where is the title, so the title is in the position tent, so we can just grab this one. 199 00:12:26,040 --> 00:12:26,620 Facundo. 200 00:12:27,510 --> 00:12:29,700 And if I put the position 10. 201 00:12:31,170 --> 00:12:37,260 So I'm going to grab only the title, so that is so the title is Domme Document Object Model is actually 202 00:12:37,410 --> 00:12:41,130 this guy here, these HTML elements. 203 00:12:41,460 --> 00:12:43,400 Very now we know how to do things. 204 00:12:43,410 --> 00:12:45,960 Now we know how to grab things from the document. 205 00:12:46,440 --> 00:12:46,860 Right. 206 00:12:46,860 --> 00:12:47,580 Using. 207 00:12:48,770 --> 00:12:50,990 This here is very fresh. 208 00:12:51,020 --> 00:12:51,950 Let's see what's happening here. 209 00:12:53,030 --> 00:12:53,500 Here it is. 210 00:12:53,510 --> 00:12:58,450 The title is a little bit show different implementation in inner HTML. 211 00:12:58,640 --> 00:13:00,710 It's the document object model. 212 00:13:00,710 --> 00:13:02,660 So you can use what I'm trying to say. 213 00:13:02,660 --> 00:13:05,180 You can use here, you can use it. 214 00:13:05,180 --> 00:13:08,120 Even the firebox, which I'm not going to use it for this one. 215 00:13:09,580 --> 00:13:14,330 Now, let's go back to the hour thing, so we do have the title. 216 00:13:14,380 --> 00:13:21,730 Now, if you do want to find out the length, which is already show, show to us when I when I print 217 00:13:21,730 --> 00:13:23,820 out the these Dogbert. 218 00:13:23,950 --> 00:13:24,400 Oh. 219 00:13:25,740 --> 00:13:29,840 It's saying that it's forty five, but let's test it out, let's see if it's forty five. 220 00:13:30,000 --> 00:13:33,990 So what we can do this so we can say, OK, let's put it here length. 221 00:13:36,120 --> 00:13:37,020 Another variable. 222 00:13:39,570 --> 00:13:45,220 Yeah, and I mixed up all the times or all of those things in HD. 223 00:13:45,300 --> 00:13:50,520 I don't know why, because it's not probably because it's not my English is my native language right 224 00:13:50,800 --> 00:13:51,320 now. 225 00:13:52,320 --> 00:13:56,940 We're going to say length will be careful to document. 226 00:14:00,480 --> 00:14:07,430 All that length, so that should give me the leg, but here I also want to bring out the oops. 227 00:14:09,880 --> 00:14:14,590 The length, right, because this is Doc, so I'm not going to do that with the docs, I'm going to 228 00:14:14,830 --> 00:14:15,480 print out the letter. 229 00:14:15,610 --> 00:14:16,450 So it's forty five. 230 00:14:16,450 --> 00:14:17,020 Forty five. 231 00:14:17,230 --> 00:14:18,340 So this can change. 232 00:14:18,340 --> 00:14:23,680 Actually, if you have more things here, let's say let's add more things, let's add one more elai 233 00:14:23,680 --> 00:14:29,560 document here, which is that will increase like three or four times. 234 00:14:29,560 --> 00:14:30,500 I mean not three or four. 235 00:14:30,760 --> 00:14:37,030 It will be forty eight, probably forty nine actually right now because I copy some of the parts, if 236 00:14:37,030 --> 00:14:41,560 you include a link here, for example, only one link that's copy this one. 237 00:14:41,560 --> 00:14:42,130 Paste it. 238 00:14:42,130 --> 00:14:42,700 Save it. 239 00:14:44,270 --> 00:14:47,830 So I do have to trash us here, but it's forty seven, right? 240 00:14:48,380 --> 00:14:55,640 That is why because I do have this a track deck and inside I do have a class all if I remove this, 241 00:14:56,030 --> 00:14:57,110 it will be forty six. 242 00:14:58,130 --> 00:14:58,610 Very good. 243 00:14:59,030 --> 00:15:04,000 No, I don't need this because you don't need to trash bins here now. 244 00:15:04,130 --> 00:15:04,590 Very good. 245 00:15:04,610 --> 00:15:08,600 So you know how to get through the length of the elements inside this document. 246 00:15:08,990 --> 00:15:09,470 Very good. 247 00:15:09,560 --> 00:15:13,010 Now, also, you can print a lot of things. 248 00:15:13,010 --> 00:15:14,060 You can grab a lot of things. 249 00:15:14,540 --> 00:15:17,330 And I'm just going to show it to you, so. 250 00:15:19,270 --> 00:15:21,430 This will give you. 251 00:15:22,740 --> 00:15:23,550 The total. 252 00:15:27,210 --> 00:15:31,170 Total number of elements in the document. 253 00:15:33,420 --> 00:15:40,380 OK, now I'm just going to paste whatever I copied before, and what we need to do is I'm going to say, 254 00:15:40,680 --> 00:15:45,680 OK, I'm going to grab the domain and let's see what's happening. 255 00:15:45,690 --> 00:15:48,530 If I grab the domain, I'm just going to refresh. 256 00:15:48,900 --> 00:15:50,580 It's going to say localhost, right. 257 00:15:50,790 --> 00:15:53,300 Because I'm I'm here on a localhost. 258 00:15:53,550 --> 00:15:58,710 That's why it's not going to give me some specific you URL or else I'm going to give me one hundred 259 00:15:59,220 --> 00:16:01,980 the localhost, you know, the euro. 260 00:16:02,190 --> 00:16:06,900 Now also, when we are in euro, this will give you the full full URL. 261 00:16:06,900 --> 00:16:09,390 If you can access it like domain. 262 00:16:09,420 --> 00:16:11,670 You are you are L. 263 00:16:12,930 --> 00:16:14,550 Here it is, HDB. 264 00:16:15,580 --> 00:16:18,830 Localhost, and that will give you the entire thing. 265 00:16:18,970 --> 00:16:22,450 Now we can access even dataset here, Lou. 266 00:16:22,780 --> 00:16:25,240 I do have the chance to UTF eight. 267 00:16:25,450 --> 00:16:26,700 We can even access that one. 268 00:16:26,710 --> 00:16:28,420 We can access a lot of things that we want. 269 00:16:28,630 --> 00:16:33,190 So so what you can do, you can put a dot here and put a chart. 270 00:16:33,430 --> 00:16:40,600 Character said, that's it, refresh and it's going to print out the UTF number eight. 271 00:16:41,090 --> 00:16:43,210 Now, what else also. 272 00:16:44,420 --> 00:16:45,770 You can bring out the DOCTYPE. 273 00:16:48,080 --> 00:16:50,090 So if you want to bring out the DOCTYPE. 274 00:16:51,520 --> 00:16:59,460 Actually, DOCTYPE, and that should give me the idea that here it is, the doctype HTML5 element, 275 00:16:59,980 --> 00:17:00,990 that's pretty much it. 276 00:17:01,000 --> 00:17:05,860 Also what we can do, we can access a lot of things in our in our HDMI. 277 00:17:05,890 --> 00:17:06,790 We do have. 278 00:17:07,980 --> 00:17:09,220 We do have links, right? 279 00:17:09,240 --> 00:17:10,740 We do have this one link here. 280 00:17:11,710 --> 00:17:14,820 A traveling, we do have that one in eight traveling. 281 00:17:14,870 --> 00:17:18,990 We do have the classes, you can have even rides if you want, but I don't have it. 282 00:17:19,090 --> 00:17:22,830 So you can put ideas here so we can access all of those things right now. 283 00:17:22,900 --> 00:17:23,740 Let's test it out. 284 00:17:23,740 --> 00:17:25,630 How we can do accessing. 285 00:17:27,460 --> 00:17:34,010 I'm going to say links here and we can use this one here, the variable that we created, so links it 286 00:17:34,030 --> 00:17:35,230 will equal equal to document. 287 00:17:36,430 --> 00:17:39,010 That links this. 288 00:17:40,350 --> 00:17:44,760 We'll probably return all of the links, let's see what's happening. 289 00:17:45,030 --> 00:17:45,960 Actually, we need to. 290 00:17:47,410 --> 00:17:48,670 We need to print out the links. 291 00:17:51,350 --> 00:17:51,870 Mm hmm. 292 00:17:52,130 --> 00:17:58,220 Let's see it, it's going to give me a collection of five, so there are five links on the position, 293 00:17:58,220 --> 00:18:00,410 zero one, three and four. 294 00:18:00,620 --> 00:18:04,080 This is a and we said, see, if you hover it, it will give you. 295 00:18:04,130 --> 00:18:04,660 Here it is. 296 00:18:05,120 --> 00:18:08,190 It will give you which link where we are accessing. 297 00:18:08,210 --> 00:18:13,700 Now, if I want to access this one, the median reset, I just need to specify the position. 298 00:18:13,850 --> 00:18:18,230 OK, this will return lection. 299 00:18:19,140 --> 00:18:23,130 Of links just going right out now, if you want to specify. 300 00:18:23,550 --> 00:18:30,210 Yeah, if you want to specify specifically, for example, in my case, in a position for this one. 301 00:18:30,240 --> 00:18:30,690 This one. 302 00:18:33,870 --> 00:18:41,030 Between reset, what I hope that it will return, this one here is a trap between reset. 303 00:18:41,190 --> 00:18:43,140 That is what it's giving to us. 304 00:18:43,140 --> 00:18:45,600 And I'm sick of this terrorist and I'm getting there. 305 00:18:45,610 --> 00:18:47,660 But it is what it is now. 306 00:18:48,390 --> 00:18:54,240 Also, you can get for example, you can get only the class name here in the class name. 307 00:18:55,800 --> 00:18:57,090 It's already about. 308 00:18:58,110 --> 00:19:02,500 It's already very easy, so we can use this method called class. 309 00:19:03,210 --> 00:19:06,460 It's a class Lisson class name, difference of class name. 310 00:19:06,690 --> 00:19:08,930 It will give me only that. 311 00:19:08,940 --> 00:19:11,220 This will give me a return link. 312 00:19:13,220 --> 00:19:19,280 And between race and class name, that's a different now I just want to hear when a refresher, I want 313 00:19:19,280 --> 00:19:21,410 to see that it's being reset only. 314 00:19:21,590 --> 00:19:22,070 Here it is. 315 00:19:22,820 --> 00:19:25,310 We said now if you access. 316 00:19:27,060 --> 00:19:28,830 Class list. 317 00:19:30,170 --> 00:19:36,410 Look at what he will return, it will return talk and talk and release, and inside is Dom Tocal is 318 00:19:36,770 --> 00:19:38,690 still on the zero position. 319 00:19:38,690 --> 00:19:41,000 You can access this one, the land, the value. 320 00:19:41,180 --> 00:19:42,770 So there are a lot of things here. 321 00:19:43,040 --> 00:19:48,080 But if you want to access, this will return Dom in the list. 322 00:19:51,860 --> 00:19:54,110 Again, you can access you can find this one. 323 00:19:55,260 --> 00:19:55,800 By doing. 324 00:19:57,370 --> 00:19:59,200 On a position zero, right? 325 00:20:00,350 --> 00:20:03,830 Let's hope that it will give a beating and reset because the zero. 326 00:20:05,770 --> 00:20:08,050 Here is video we set very, you know. 327 00:20:10,170 --> 00:20:12,840 So what else we have it here we can access like. 328 00:20:14,040 --> 00:20:18,450 We have one script here, we can access the scripts if we want, so we can. 329 00:20:18,480 --> 00:20:22,260 I'm not going to show you everything today, but you can access a lot of things that are here. 330 00:20:22,260 --> 00:20:23,900 And that's not the interesting part. 331 00:20:24,690 --> 00:20:27,210 If this is sound too hard for you, don't worry about it. 332 00:20:27,440 --> 00:20:31,830 I'm just going to show you that we can access the forms because I have two forms. 333 00:20:31,840 --> 00:20:36,150 I'm going to show you that we can access some of the things inside the forms and we have done for today 334 00:20:36,150 --> 00:20:38,610 because I don't want to bore you with too many things. 335 00:20:39,990 --> 00:20:41,100 E-mail forms. 336 00:20:42,630 --> 00:20:48,750 So we can access from the top, from the top, from this document, we can access the forms so how we 337 00:20:48,750 --> 00:20:51,080 can do this so let's say forms. 338 00:20:51,090 --> 00:20:53,010 I do have, I think with. 339 00:20:54,330 --> 00:20:59,130 I do have this form here form equal to document. 340 00:21:00,090 --> 00:21:08,100 That forms now this, again, should return at least us the entire forms here and again, it's not showing 341 00:21:08,100 --> 00:21:10,440 anything because we're not printing out the form. 342 00:21:11,420 --> 00:21:17,180 So I'm expecting now after this one and we said to have the form here it is, the collection of two 343 00:21:17,660 --> 00:21:19,650 means that I do have two forms. 344 00:21:19,910 --> 00:21:22,160 This is the first one when we adding the items. 345 00:21:22,640 --> 00:21:24,050 Actually, this is the first form. 346 00:21:24,200 --> 00:21:25,400 And this is for the resetting. 347 00:21:25,660 --> 00:21:26,020 Right. 348 00:21:26,420 --> 00:21:28,010 And there is the the second form. 349 00:21:29,330 --> 00:21:33,350 Now, if you click here again, you can access the number one for. 350 00:21:34,790 --> 00:21:41,480 In the first form, that the first form will actually be this one, let's access that one so you can 351 00:21:41,480 --> 00:21:47,750 go in, traverse to different forms, you can grab those if it is now. 352 00:21:50,010 --> 00:21:50,750 Result. 353 00:21:52,400 --> 00:21:53,570 You're going to be here now. 354 00:21:53,600 --> 00:21:57,690 I'm just going to grab the number one form that will be the last one that we have. 355 00:21:57,980 --> 00:22:01,010 So here it is, form action post. 356 00:22:01,160 --> 00:22:03,070 So if you click, it is going to give you the form. 357 00:22:03,260 --> 00:22:07,490 Also, what you can do is, for example, what we have in the form. 358 00:22:07,500 --> 00:22:09,830 Let's see, we have the method. 359 00:22:09,840 --> 00:22:12,860 You can grab all these things, but I'm just going to grab the method. 360 00:22:12,860 --> 00:22:16,640 I'm going to show you that you can grab individual elements from the form. 361 00:22:16,910 --> 00:22:17,360 Right. 362 00:22:18,290 --> 00:22:24,770 And you can just type method, that's it, nothing else. 363 00:22:27,380 --> 00:22:34,780 And that should give me the post so the method can be posed and get or whatever it is there, but it's 364 00:22:34,790 --> 00:22:35,230 loaded. 365 00:22:35,420 --> 00:22:41,830 So let's see actually what's happening, if I put it here, was going to be the different result. 366 00:22:42,680 --> 00:22:43,970 And we've done four to date. 367 00:22:43,970 --> 00:22:44,300 Right. 368 00:22:44,450 --> 00:22:45,440 I hope you like this one. 369 00:22:45,440 --> 00:22:48,200 So it's going to give you pretty much the same. 370 00:22:48,200 --> 00:22:51,350 But sometimes the representation is different. 371 00:22:51,590 --> 00:22:57,650 And yeah, I just do prefer to use see, I do have even less errors here. 372 00:22:57,800 --> 00:23:02,240 I do prefer to use whichever you want, but the results should be the same. 373 00:23:02,270 --> 00:23:10,790 So I'm sorry, this is too long now you know how to access this document so it will give us the entire 374 00:23:11,330 --> 00:23:15,920 it will give us the option to access a lot of things here on this document. 375 00:23:15,920 --> 00:23:16,240 Right. 376 00:23:16,490 --> 00:23:18,950 And actually, that's why I did print it out. 377 00:23:18,950 --> 00:23:20,230 It's because it's more visible. 378 00:23:20,540 --> 00:23:21,920 So this is the entire one. 379 00:23:22,190 --> 00:23:24,980 And yeah, don't worry about this one. 380 00:23:24,980 --> 00:23:27,980 Just grab it, grab the folder and just. 381 00:23:28,370 --> 00:23:29,330 Yeah, test it out. 382 00:23:29,330 --> 00:23:30,560 Just find out things. 383 00:23:30,830 --> 00:23:32,630 Why not more things on the Internet if you want. 384 00:23:32,630 --> 00:23:38,480 And you can test it out because the idea is not to show you everything here, because in future I will 385 00:23:38,480 --> 00:23:40,840 show you more of these things and you should be able to learn. 386 00:23:41,630 --> 00:23:44,750 And this one is easily you can easily find it somewhere. 387 00:23:45,050 --> 00:23:45,710 Thank you very much. 388 00:23:45,710 --> 00:23:46,670 I hope you enjoyed this one. 389 00:23:46,670 --> 00:23:47,990 And I will see you in the next one.