Este video voy a demostrar cómo podemos escribir javascript en un archivo separado que luego podemos
incluir en un archivo de él y ejecutarlo en el navegador.
Entonces, en lugar de tener que escribir todo nuestro código en nuestro cónsul aquí, que solo existe hasta que hayamos actualizado la
página o cerrado la ventana, ahora podemos hacer que las cosas persistan y guardemos en un archivo.
Entonces para hacer esto debemos tenerlo en cada archivo del equipo.
Así que tengo uno aquí sublime. Se llama índice y cada equipo lo llamaré como quieras.
Y solo necesitamos poner nuestro básico aquí aquí.
Así que voy a llamar a este script demo.
Y luego no tenemos que poner nada aquí si no queremos.
Pero solo para dejar en claro que es la misma página que voy a poner a Julius, incluidos los archivos J
S y guardar.
Así que voy a seguir adelante y abrir esto en el navegador para que así lo tengamos.
Así que se ve así, incluidos los archivos de Geass.
Y al igual que en cualquier otro sitio, puedo abrir la consola si quisiera y podría
comenzar a escribir algunos javascript aquí, pero el punto es que estaríamos escribiendo un javascript en un archivo por separado.
Entonces para hacer eso primero necesito hacer un archivo por separado.
Así que voy a hacer un nuevo archivo y guardarlo y voy a llamarlo script Dot.
Sí.
Y la parte importante es el J. S. al final.
Entonces eso le dice al navegador que diga sublime. Le dice a todo que este es un
archivo javascript y lo voy a guardar en el mismo directorio y luego voy a poner una sola línea en javascript aquí para comenzar.
Alerta Hola del archivo js para que podamos ver si está funcionando.
Si tenemos esta alerta.
Entonces, en este momento, si solo actualizamos la página, no está conectado el archivo.
O cada vez que un archivo no sabe nada sobre el archivo javascript, no funciona.
Entonces, debemos conectarlos de la forma en que lo hacemos usando una etiqueta de script.
Entonces, puede escribir script y hit tab y eso le dará y sublime o puede escribirlo usted mismo y se
ve como este script y no es de cierre automático. Así que necesitamos tener la etiqueta de cierre.
Y luego necesitamos el atributo fuente y ese atributo fuente debe ser igual al archivo
que queremos cargar.
Y en realidad voy a comenzar poniendo un archivo que no existe aquí solo para
mostrarte algo mal.
Sí, y si guardo esto y vuelvo al navegador, y actualizo y abro mi consola, verá que me dice que no
se pudo cargar el error de recursos.
Archivo no encontrado no pudo encontrar el error.
Sí, eso es todo lo que quiero mostrar.
Si ponemos el nombre incorrecto allí, en realidad nos dirá que no puede encontrar el archivo, sino solo en
la consola.
Por lo tanto, no va a romper el sitio, solo se lo mostrará a las personas que saben dónde buscar.
Principalmente desarrolladores, así que voy a poner el archivo correcto aquí.
Guiones solo Jesús salva.
Vuelve al navegador y actualiza y ahora recibo mi alerta.
Entonces, cada vez que esta página cargue ese código, se ejecutará automáticamente.
Así que a diferencia de mi consola de JavaScript cuando se ejecuta el código cuando pulso enter.
Entonces, en este caso, cuando actualice la página, se ejecutará el código.
Entonces, lo que quiero hacer ahora es volver al archivo javascript y simplemente agregar unas líneas en lugar de
solo la alerta.
luego solo impriman un mensaje que dice Encantado de conocerte lo que el usuario ingresó.
Quiero tener unas pocas líneas que le pregunten al usuario su nombre y
Entonces, para hacer eso vamos a usar prompt.
Esa es nuestra primera línea de comando.
¿Cuál es tu nombre para capitalizar eso?
Y luego vamos a almacenar eso en una variable para que podamos usar eso más tarde.
Voy a guardar nuestro nombre de usuario igual a prompt.
Cuál es su nombre.
Y luego el siguiente paso es usar ese nombre de usuario para saludar al usuario.
Así que solo voy a decir Encantado de conocerte.
Nombre de usuario
Entonces vamos a hacer una alerta y cancelar ese registro.
Comencemos con nuestra alerta de alerta
Encantado de conocerte, asegúrate de tener el espacio correcto allí.
Además del nombre de usuario
y un registro de ese.
Solo para que podamos verlo en dos lugares.
También es un placer conocerte.
Más nombre de usuario.
Así que estamos concatenando las cadenas juntas dos veces diferentes una para alertarlas en una para cancelar el
registro bot.
Así que ahora volvamos al navegador que actualizamos.
Lo primero que sucede
Nos pide un nombre, así que vamos a poner el sobrenombre de mi perro, Tator.
De acuerdo, me alegra conocerte, Tator.
Y si abro la consola, lo veré.
También es genial conocerte, Tator.
Y también se puede ver que me dice script sí línea 3 para más adelante cuando tengamos archivos complicados
locos y algo vaya mal, podremos ver exactamente dónde y qué número de línea en nuestro archivo.
Entonces eso es todo lo que quiero mostrar allí.
Esos tres métodos nos pidieron que le pidamos al usuario una entrada y lo almacena en una alerta variable para
ser desagradable y alertar algo en la pequeña ventana emergente y cancelar el registro que simplemente imprime
algo en la consola