Paso 7: Añadir Javascript (Jquery)
Puede hacer su sitio más hermoso, haciéndolo interactivo. Vamos a hacer esto mediante la adición de Jquery. JQuery no es un lenguaje pero es una biblioteca escrita en Javascript. Puede visitar el sitio web oficial de Jquery haciendo clic en el enlace de más abajo.
No tienes que descargarlo porque podemos vincularlo mediante código.
Permite iniciar agregando un enlace de acript a jquery. Añadir lo siguiente bajo la etiqueta de enlace utilizamos el último paso.
Añada etiquetas de script justo por debajo de lo que acaba de agregar:
Dentro de esas etiquetas que vamos a añadir nuestro script de javascript. Primero tenemos que actualizar nuestro tipo de entrada: 'Enviar'. Hay que añadir la clase: 'inputMail'. Por lo que la etiqueta debe parecerse a esto:
Ahora vamos a añadir javascript dentro de la etiqueta script. Empezamos por agregar este código en la etiqueta script:
Esto significa ejecutará la función cuando el documento es cargado. La $(document) significa algo que se llama documento busca, entonces utiliza la función lista para comprobar si el documento está listo. Dentro de los corchetes ponemos el siguiente código de Jquery. Ahora agregamos el siguiente código dentro de los corchetes:
Este código busca una clase denominada inputMail (el punto significa que es una clase donde estamos buscando). Cuando ese objeto Jquery comprobará si se se hace clic. Cuando se hace clic en lo ejecuta la función. Así que dentro de esa función podemos dejar el botón de hacer un pequeño truco. Así que para el truco añadiremos este código dentro de la función:
Ahora también busca la clase inputMail y se ejecuta una animación personalizada. Permite así que échale un vistazo! Esto es cómo todo su etiqueta de secuencia de comandos debería parecerse:
Eso es él! ¡ Agradable! Paso siguiente que vamos a ver cómo obtener el archivo html.
