En este video vamos a comenzar a escribir JavaScript para nuestros males utilizando la función de Bayardi
para seleccionar un elemento basado en su Airi que van a inspeccionar y podemos ver que este DIV con
el logo en este Dip tiene Leidi logo y podemos abrir aquí nuestro script y la forma en que lo utiliza
siempre va a empezar con document JEET Element Heydi asegúrate que el Heydi tenga la I mayúscula y minúscula
y las de ahí sean en mayúscula ya que de otra forma te va a marcar un error.
Después abrimos paréntesis y en Comillas sencillas o en comillas dobles.
Sólo asegúrate que las comillas de la izquierda y la derecha sean iguales.
Le ponemos el nombre de Leidi.
Aquí no es necesario ponerle Gatto ni nada eso no es necesario.
Estamos seleccionando en Heydi y JavaScript espera que Leidi exista así que puedo por ejemplo copiar
este código y pegarlo aquí en la consola y vemos que viene nos regresa el selector exacto muchas veces
vas a escribir selectores así como éste y por ejemplo también para ahorrarte código podrás escribir
una variable que se llame logo por ejemplo y hacer un selector de esta forma ya podrás ponerle Consol
log logo y recargará y vemos que nos regresa exactamente lo mismo y en lugar de estar escribiendo Tocumen
punto que a Televen Bayardi y todo eso pues ya nada más escribes el logo que esta variable es igual
a todo este código que tenemos aquí vamos a ver por ejemplo algunos ejemplos ya tenemos nuestra variable
de logo puedo recargar X escribo el logo y lo ponemos logo nada más vemos que la variable existe aquí
vamos a ser unos ejemplos y vamos a ponerle el logo y vamos a buscar puntos hojas atributo es un método.
Vamos a ver si este logo tiene una clase asociada Class entera y vemos que nos dice que si vemos que
nos dice que la variable el logo sí tiene un atributo llamado clase inspeccionamos estorbamos que tiene
la clase llamada logo ok digamos que a mí me gustaría saber qué clase esa puede poner aquí logo punto
Jet atributo que le puede poner Class y vemos que nos dice que el atributo con la clase se llama logo
vamos a hacer otro ejemplo supongamos que quisiéramos cambiarle la clase a nuestro logo le puedo poner
aquí logo puntos atributo y éste toma dos parámetros el primero sería lo que quieres cambiarle.
En este caso sería la clase y el segundo sería por ejemplo la nueva clase
y damos clic aquí y vemos que en el dividí dice otra clase nueva clase así que de esta forma podemos
tener control total sobre nuestro documento cambiar de ciertas cosas agregarle otras obtener ciertos
valores de una forma más exacta así que por ejemplo vamos a crear otro selector para continuar nuestra
práctica.
Digamos que quiero seleccionar esta navegación este dividí navegación puedo tener la navegación igual
a document Puntoticket Element Bayardi y en este caso sería el Heydi navegación no puedo copiar y pegar
aquí y darle con el punto log navegación y recargo y vemos que aquí tengo mi navegación aún no lo hemos
visto y lo veremos un poco más adelante.
Pero una de las ventajas o algo de lo que te ofrece JavaScript es que puedes controlar totalmente el
DOM hace que le ponga navegación.
Punto está el punto Display y le pongo igual non y recargo.
Vemos que esta línea desaparece la navegación de nuestra página web así que así es como como es el trabajo
en JavaScript.
Igual lo iremos practicando poco a poco.
Este fue Jet Element Bayardi en el siguiente video vamos a trabajar con otro llamado Jet Element bailaste.