1
00:00:01,050 --> 00:00:10,480
En esto íbamos a ver algunos ejemplos de selectores Javascript en la consola cuando estés trabajando

2
00:00:10,480 --> 00:00:15,010
ya en un proyecto real lo más seguro es que tengas que escribir un selector en JavaScript para seleccionar

3
00:00:15,010 --> 00:00:17,260
cierto elemento de la página web.

4
00:00:17,260 --> 00:00:24,640
Por ejemplo si quieres validar un campo un imput puedes tendrás que seleccionar ese input y después

5
00:00:24,910 --> 00:00:28,980
escribir una función que realice la validación que tengas en mente.

6
00:00:29,680 --> 00:00:32,840
Vamos a empezar tranquilos y empezar normal.

7
00:00:33,900 --> 00:00:40,300
Con lo más básico aquí tengo abierta la consola y todo este documento que tienes del lado izquierdo

8
00:00:40,420 --> 00:00:50,590
todo este código en la consola puedes acceder a él escribiendo la palabra document damos enter y puedes

9
00:00:50,590 --> 00:00:57,370
ver que no regresa sino de gato documento equipo dar click y vemos que viene el doctas HTML el Geb el

10
00:00:57,370 --> 00:01:06,660
body y nos vienen todos los nodos de este este selector que escribimos que nada más sea el documento.

11
00:01:08,360 --> 00:01:14,420
Aquí puedes ver que tenemos documentos y tenemos G.T y tenemos el body así que si tú quieres acceder

12
00:01:14,420 --> 00:01:18,370
a este G.T puedes ponerle el documento punto.

13
00:01:18,470 --> 00:01:24,580
Hemos visto mucho en JavaScript que para acceder a un valor utilizamos el punto.

14
00:01:24,590 --> 00:01:30,980
Aquí aplica igual así que le puedes poner punto Get enter y vemos que nos aparece el triángulo y nada

15
00:01:30,980 --> 00:01:37,080
más nos muestra lo que está en el set ya que estaba en el body y no nos lo muestra porque aquí escribimos

16
00:01:37,080 --> 00:01:42,860
Documet el punto G ya que escribimos document nada más pero si tú quieres ver lo que tiene el body puedes

17
00:01:42,860 --> 00:01:49,560
ponerle documenten body y abrir todo lo que sea en la parte del body.

18
00:01:49,880 --> 00:01:55,160
De esa forma puedes ir escribiendo tu selectores en JavaScript.

19
00:01:56,580 --> 00:02:05,640
Por ejemplo no porque se llame Bodhi aquí y este se llame Gelder va a funcionar algo así como document

20
00:02:06,430 --> 00:02:14,840
body y punto Gelder puedes ver que esto marca o Freinet y es porque esa parte no existe para JavaScript.

21
00:02:15,060 --> 00:02:24,180
Existe el documento que existe y existe el body pero si tú quieres escribir seleccionar este Gebser

22
00:02:24,510 --> 00:02:34,910
tienes que hacer uso de otro tipo de de sintaxis y en este caso por ejemplo si yo quiero exigir seleccionar

23
00:02:34,910 --> 00:02:46,340
este Jader puedo poner aquí document punto Cuadri selector y dentro al estilo CSS le puedo poner entre

24
00:02:46,340 --> 00:02:53,780
comillas sencillas pues puedes ver que esto es una etiqueta no tiene clases nadie se pone de esta forma

25
00:02:54,220 --> 00:03:04,520
no vemos que no el jefe el cuero es el lector funciona al estilo CSS.

26
00:03:04,520 --> 00:03:11,250
Por ejemplo si yo quiero seleccionar esta navegación puedo ponerla aquí si no de gato o numeral navegacion

27
00:03:12,330 --> 00:03:20,620
y me va a seleccionar la navegación o puedo ponerle como clase navegación y va a ser lo mismo.

28
00:03:22,510 --> 00:03:27,580
Cual es el lector es como que la forma más nueva y no es muy soportada.

29
00:03:27,880 --> 00:03:30,330
Existen otras como Goeth element.

30
00:03:30,430 --> 00:03:38,910
Voy a darle aquí limpiar y vamos a ponerle por ejemplo document G.T element.

31
00:03:38,920 --> 00:03:47,290
Vaya Ivy puedes ver que conforme voy escribiendo las funciones Colombia tiene muchas aquí registradas

32
00:03:48,230 --> 00:03:49,340
de enviado.

33
00:03:49,450 --> 00:03:53,570
Supongamos que queremos seleccionar este logo dice Diva y del logo.

34
00:03:53,800 --> 00:04:02,010
Cuando utilizas en Bayardi no es necesario ponerle Gauto o numeral nada más te pones el logo y esto

35
00:04:02,010 --> 00:04:10,750
nos va a regresar a nuestro Aló así de esta forma puedes es como escribes todos tus electores igual

36
00:04:10,830 --> 00:04:16,090
entiendo que vamos comenzando y ya te hablé de Tocumen.

37
00:04:16,100 --> 00:04:22,560
Punto cual es el lector que tiene maravedí etcétera la idea de este capítulo es practicar todos estos

38
00:04:22,560 --> 00:04:28,720
electores así que no tienes que preocuparte y también veremos cómo cambiar los valores etcétera.

39
00:04:30,070 --> 00:04:37,330
Existe un atajo aquí para el cual dice el lector ponerle un signo de dólar al principio y ponerla aquí

40
00:04:37,330 --> 00:04:46,130
por ejemplo Jaider tuvimos que seleccionar nuestro género esto va a ser muy importante todos tus capito.

41
00:04:46,130 --> 00:04:55,950
Todos estos videos para nuestros proyectos que tenemos en mente estaremos trabajando mucho con la consola

42
00:04:55,990 --> 00:05:05,080
además de está trabajando mucho con su blend Tex o Atom así que espero todos los ejercicios que vienen

43
00:05:05,080 --> 00:05:11,470
a continuación son muy interesantes para ti y es momento de comenzar a trabajar con el DOM en JavaScript.