1
00:00:00,810 --> 00:00:05,880
Este video voy a demostrar cómo podemos escribir javascript en un archivo separado que luego podemos

2
00:00:05,880 --> 00:00:09,280
incluir en un archivo de él y ejecutarlo en el navegador.

3
00:00:09,300 --> 00:00:15,510
Entonces, en lugar de tener que escribir todo nuestro código en nuestro cónsul aquí, que solo existe hasta que hayamos actualizado la

4
00:00:15,510 --> 00:00:20,520
página o cerrado la ventana, ahora podemos hacer que las cosas persistan y guardemos en un archivo.

5
00:00:21,210 --> 00:00:24,750
Entonces para hacer esto debemos tenerlo en cada archivo del equipo.

6
00:00:25,560 --> 00:00:30,610
Así que tengo uno aquí sublime. Se llama índice y cada equipo lo llamaré como quieras.

7
00:00:31,020 --> 00:00:33,760
Y solo necesitamos poner nuestro básico aquí aquí.

8
00:00:33,840 --> 00:00:36,930
Así que voy a llamar a este script demo.

9
00:00:37,620 --> 00:00:40,160
Y luego no tenemos que poner nada aquí si no queremos.

10
00:00:40,170 --> 00:00:50,040
Pero solo para dejar en claro que es la misma página que voy a poner a Julius, incluidos los archivos J

11
00:00:50,040 --> 00:00:51,300
S y guardar.

12
00:00:52,050 --> 00:00:56,130
Así que voy a seguir adelante y abrir esto en el navegador para que así lo tengamos.

13
00:00:56,190 --> 00:00:59,100
Así que se ve así, incluidos los archivos de Geass.

14
00:00:59,130 --> 00:01:03,900
Y al igual que en cualquier otro sitio, puedo abrir la consola si quisiera y podría

15
00:01:03,900 --> 00:01:09,960
comenzar a escribir algunos javascript aquí, pero el punto es que estaríamos escribiendo un javascript en un archivo por separado.

16
00:01:10,350 --> 00:01:13,560
Entonces para hacer eso primero necesito hacer un archivo por separado.

17
00:01:13,830 --> 00:01:18,900
Así que voy a hacer un nuevo archivo y guardarlo y voy a llamarlo script Dot.

18
00:01:18,940 --> 00:01:19,480
Sí.

19
00:01:19,500 --> 00:01:22,010
Y la parte importante es el J. S. al final.

20
00:01:22,380 --> 00:01:27,570
Entonces eso le dice al navegador que diga sublime. Le dice a todo que este es un

21
00:01:27,570 --> 00:01:34,650
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.

22
00:01:34,980 --> 00:01:43,010
Alerta Hola del archivo js para que podamos ver si está funcionando.

23
00:01:43,080 --> 00:01:45,360
Si tenemos esta alerta.

24
00:01:45,570 --> 00:01:50,370
Entonces, en este momento, si solo actualizamos la página, no está conectado el archivo.

25
00:01:50,370 --> 00:01:54,520
O cada vez que un archivo no sabe nada sobre el archivo javascript, no funciona.

26
00:01:54,660 --> 00:01:59,190
Entonces, debemos conectarlos de la forma en que lo hacemos usando una etiqueta de script.

27
00:01:59,550 --> 00:02:06,810
Entonces, puede escribir script y hit tab y eso le dará y sublime o puede escribirlo usted mismo y se

28
00:02:06,840 --> 00:02:13,150
ve como este script y no es de cierre automático. Así que necesitamos tener la etiqueta de cierre.

29
00:02:14,690 --> 00:02:20,640
Y luego necesitamos el atributo fuente y ese atributo fuente debe ser igual al archivo

30
00:02:20,640 --> 00:02:21,700
que queremos cargar.

31
00:02:21,900 --> 00:02:26,070
Y en realidad voy a comenzar poniendo un archivo que no existe aquí solo para

32
00:02:26,640 --> 00:02:27,330
mostrarte algo mal.

33
00:02:27,480 --> 00:02:35,130
Sí, y si guardo esto y vuelvo al navegador, y actualizo y abro mi consola, verá que me dice que no

34
00:02:35,130 --> 00:02:37,770
se pudo cargar el error de recursos.

35
00:02:37,770 --> 00:02:41,340
Archivo no encontrado no pudo encontrar el error.

36
00:02:41,400 --> 00:02:44,770
Sí, eso es todo lo que quiero mostrar.

37
00:02:44,850 --> 00:02:49,320
Si ponemos el nombre incorrecto allí, en realidad nos dirá que no puede encontrar el archivo, sino solo en

38
00:02:49,320 --> 00:02:49,900
la consola.

39
00:02:50,010 --> 00:02:54,630
Por lo tanto, no va a romper el sitio, solo se lo mostrará a las personas que saben dónde buscar.

40
00:02:54,630 --> 00:02:58,250
Principalmente desarrolladores, así que voy a poner el archivo correcto aquí.

41
00:02:58,290 --> 00:03:01,270
Guiones solo Jesús salva.

42
00:03:01,680 --> 00:03:05,890
Vuelve al navegador y actualiza y ahora recibo mi alerta.

43
00:03:06,030 --> 00:03:10,010
Entonces, cada vez que esta página cargue ese código, se ejecutará automáticamente.

44
00:03:10,200 --> 00:03:14,820
Así que a diferencia de mi consola de JavaScript cuando se ejecuta el código cuando pulso enter.

45
00:03:19,080 --> 00:03:23,160
Entonces, en este caso, cuando actualice la página, se ejecutará el código.

46
00:03:23,250 --> 00:03:28,040
Entonces, lo que quiero hacer ahora es volver al archivo javascript y simplemente agregar unas líneas en lugar de

47
00:03:28,040 --> 00:03:28,790
solo la alerta.

48
00:03:28,890 --> 00:03:34,620
luego solo impriman un mensaje que dice Encantado de conocerte lo que el usuario ingresó.

49
00:03:34,820 --> 00:03:39,810
Quiero tener unas pocas líneas que le pregunten al usuario su nombre y

50
00:03:40,290 --> 00:03:43,690
Entonces, para hacer eso vamos a usar prompt.

51
00:03:43,810 --> 00:03:46,920
Esa es nuestra primera línea de comando.

52
00:03:46,950 --> 00:03:52,660
¿Cuál es tu nombre para capitalizar eso?

53
00:03:53,460 --> 00:03:56,940
Y luego vamos a almacenar eso en una variable para que podamos usar eso más tarde.

54
00:03:56,970 --> 00:04:01,030
Voy a guardar nuestro nombre de usuario igual a prompt.

55
00:04:01,050 --> 00:04:03,010
Cuál es su nombre.

56
00:04:03,330 --> 00:04:07,610
Y luego el siguiente paso es usar ese nombre de usuario para saludar al usuario.

57
00:04:07,800 --> 00:04:10,790
Así que solo voy a decir Encantado de conocerte.

58
00:04:10,990 --> 00:04:11,810
Nombre de usuario

59
00:04:11,940 --> 00:04:14,460
Entonces vamos a hacer una alerta y cancelar ese registro.

60
00:04:14,490 --> 00:04:19,010
Comencemos con nuestra alerta de alerta

61
00:04:19,020 --> 00:04:24,040
Encantado de conocerte, asegúrate de tener el espacio correcto allí.

62
00:04:24,320 --> 00:04:26,360
Además del nombre de usuario

63
00:04:29,520 --> 00:04:31,910
y un registro de ese.

64
00:04:32,130 --> 00:04:36,600
Solo para que podamos verlo en dos lugares.

65
00:04:36,600 --> 00:04:41,520
También es un placer conocerte.

66
00:04:41,520 --> 00:04:43,520
Más nombre de usuario.

67
00:04:43,710 --> 00:04:50,060
Así que estamos concatenando las cadenas juntas dos veces diferentes una para alertarlas en una para cancelar el

68
00:04:50,070 --> 00:04:50,970
registro bot.

69
00:04:51,540 --> 00:04:55,250
Así que ahora volvamos al navegador que actualizamos.

70
00:04:55,350 --> 00:04:56,670
Lo primero que sucede

71
00:04:56,730 --> 00:05:01,870
Nos pide un nombre, así que vamos a poner el sobrenombre de mi perro, Tator.

72
00:05:02,220 --> 00:05:05,680
De acuerdo, me alegra conocerte, Tator.

73
00:05:06,270 --> 00:05:10,170
Y si abro la consola, lo veré.

74
00:05:10,230 --> 00:05:11,840
También es genial conocerte, Tator.

75
00:05:12,510 --> 00:05:19,650
Y también se puede ver que me dice script sí línea 3 para más adelante cuando tengamos archivos complicados

76
00:05:19,650 --> 00:05:25,990
locos y algo vaya mal, podremos ver exactamente dónde y qué número de línea en nuestro archivo.

77
00:05:26,160 --> 00:05:27,540
Entonces eso es todo lo que quiero mostrar allí.

78
00:05:27,540 --> 00:05:34,260
Esos tres métodos nos pidieron que le pidamos al usuario una entrada y lo almacena en una alerta variable para

79
00:05:34,590 --> 00:05:40,320
ser desagradable y alertar algo en la pequeña ventana emergente y cancelar el registro que simplemente imprime

80
00:05:40,320 --> 00:05:41,340
algo en la consola