En esto vamos a ver lo que son los eventos en Chico y vamos a hacer algunos ejercicios y vamos a ponernos
aquí en el código aquí arriba y vamos a hacer nuestro selector quiero seleccionar nuestro logo y si
vemos aquí el código fuente inspeccionar y damos aquí el logo vemos que tenemos en el DIB una clase
logo y tenemos la imagen así que podemos poner un prólogo y lo voy a M.G. recuerda la sintaxis de los
electores de Qwerty es muy parecida o casi igual a la de CSS que vamos a poner on y esto es la forma
en la que vamos a esperar un evento que vendría siendo algo así como cuando le demos clic y lo ponemos
una coma y esto va a ejecutar una función y esta función puede ser cualquier cosa.
Vamos a empezar sencillo y vamos a ir agregando un poco más de ejemplos poco a poco para que un Consol
punto lo que va a decir has hecho click en el logo recargo y doy clic en consola y voy clic en el logo
y vemos que dice Has hecho click en el logo así que con Chicco y Podemos con los eventos asegurarnos
en qué parte estamos haciendo clic en la pantalla en qué parte se encuentra ese cursor donde estamos
interactuando cosa que con CSS puro es muy complicado e imposible de hacer más bien agregar un comentario
aquí.
Y vamos a crear otro selector que iba a poner de nuevo DIV antólogo y M.G. aquí en este caso vamos a
esperar por un clic de nuevo.
Vas a correr una función y en este caso vamos a poner un signo de dólar y qué vamos a poner Diz entonces
digas bueno esto que dice que es diez lo que se refiere es el elemento que causa el evento.
Por ejemplo si yo doy clic a la imagen la imagen se convierte en Diz si esto fuera un enlace el enlace
se convertirá se convertiría en Diz.
Entonces para no repetir y no escribir algo así aquí sin embargo es una forma correcta de hacerlo.
Aquí le podemos poner removed así que se va a borrar el logo una vez que damos clic en él recargo doy
clic y vemos que el logo desaparece completamente así que la gente podrá dar clic en algún lugar y hacerlo
desaparecer un elemento que eso es lo que muchas veces se utiliza en los menús para dispositivos móviles.
Hay un pequeño botón que le llama en el menú de Hamburguesa Das click y se muestra el menú completo
pues hay otro tipo de eventos que voy a comentar también este para que quede guardado y voy a copiar
el mismo selector.
Estamos con el logo trabajando orita además de clics y eso tipo de eventos hay uno que se llama mouse
enter y más intereses como el over en CSS pues pone X Consol log sobre el logo y recargo vemos que cuando
abajo ver sobre el logo aparece ese letrero sobre el logo
Sin embargo este es más interno o no hasta ahorita cuando salgamos.
Para eso podríamos copiar y pegar aquí abajo y en vez de que diga mago Center podemos hacer más libre
y recargo aquí fuera del logo y recargo y vemos que cuando dentro dice sobre el logo.
Cuando salgo fuera del logo y de esta forma podemos ser estar escuchando siempre los eventos que sucedan
en nuestro navegador.
Vamos a hacer otro.
Otro pequeño ejemplo supongamos que tenemos este menú que dice Aquí menú y nuestra navegación abrimos
los estilos y a quien navegación le ponemos un display así que recargo y no vamos a tener navegación.
Supongamos que este es el botón que activa la navegación este menú puedo ver aquí hay de JavaScript
y aquí voy a comentar esto.
Aquí hay JavaScript y poner mi selector y ponerle un signo de legato numeral menú puedes ver que si
vemos el código es aquí está ahí el menú lo puedes poner punto on click function y esto va a ejecutar
por ejemplo poner aquí la navegación de nuevo la navegación.
Si recuerdas tiene una Hedi tiene una clase cualquiera de las dos está bien.
Además asegúrate de ponerlo aquí y puedes el show.
Yo es lo contrario jaibas esconder el elemento sólo vamos a estar así que recargamos click aquí en Bermeo
y vemos que el elemento aparece
así que de esta forma puedes comenzar a crear un poco más de interactividad.
Puedes ver que es muy fácil con Riccheri y toma pocas líneas más fácil que con JavaScript así que eso
fue la parte de eventos.
En el siguiente video vamos a continuar trabajando con la librería de Cuadri.