1
00:00:00,810 --> 00:00:09,280
Cette vidéo, je vais démontrer comment nous pouvons écrire javascript dans un fichier séparé que nous pouvons ensuite inclure dans un fichier him et obtenir à courir dans le navigateur.

2
00:00:09,300 --> 00:00:20,520
Donc, plutôt que d'avoir à taper tout notre code dans notre consul ici qui n'existe que jusqu'à ce que nous sommes frais la page ou fermer la fenêtre, nous pouvons maintenant obtenir des choses à persister et enregistrer dans un fichier.

3
00:00:21,210 --> 00:00:24,750
Donc, pour ce faire, nous devons avoir dans chaque fichier d'équipe.

4
00:00:25,560 --> 00:00:30,610
Donc j'ai un ici en sublime C'est appelé index que chaque équipe je vais appeler ce que vous voulez.

5
00:00:31,020 --> 00:00:33,760
Et nous avons juste besoin de mettre notre basique ici.

6
00:00:33,840 --> 00:00:36,930
Je vais donc appeler cette démo de script.

7
00:00:37,620 --> 00:00:40,160
Et puis nous n'avons pas à mettre n'importe quoi ici si nous ne voulons pas.

8
00:00:40,170 --> 00:00:51,300
Mais juste pour rendre clair que c'est la même page que je vais mettre Julius faire, y compris les fichiers J S et enregistrer.

9
00:00:52,050 --> 00:00:56,130
Donc, je vais aller de l'avant et ouvrir ce dans le navigateur juste pour que nous l'avons.

10
00:00:56,190 --> 00:00:59,100
Donc, il ressemble à cela, y compris les fichiers Geass.

11
00:00:59,130 --> 00:01:09,960
Et tout comme n'importe quel autre site, je peux ouvrir la console si je voulais et je pourrais commencer à taper un javascript ici, mais le point entier était que nous serions de taper un javascript dans un fichier distinct.

12
00:01:10,350 --> 00:01:13,560
Donc, pour ce faire, je dois d'abord faire un fichier distinct.

13
00:01:13,830 --> 00:01:18,900
Donc, je vais faire un nouveau fichier et l'enregistrer et je vais juste appeler le script Dot.

14
00:01:18,940 --> 00:01:19,480
Oui.

15
00:01:19,500 --> 00:01:22,010
Et la partie importante est le J.S. à la fin.

16
00:01:22,380 --> 00:01:34,650
Donc cela dit au navigateur de dire sublime Il raconte tout ce que c'est un fichier javascript et je vais le sauver dans le même répertoire et puis je vais mettre une seule ligne à javascript ici pour démarrer.

17
00:01:34,980 --> 00:01:43,010
Alerte Bonjour du fichier js donc on peut voir si ça marche.

18
00:01:43,080 --> 00:01:45,360
Si nous obtenons cette alerte.

19
00:01:45,570 --> 00:01:50,370
Donc, maintenant, si nous rafraîchissons la page, il n'est pas connecté le fichier.

20
00:01:50,370 --> 00:01:54,520
Ou chaque fois qu'un fichier ne sait rien sur le fichier javascript afin qu'il ne fonctionne pas.

21
00:01:54,660 --> 00:01:59,190
Nous devons donc les relier de la même façon que nous utilisons une balise de script.

22
00:01:59,550 --> 00:02:13,150
Donc, vous pouvez soit le script de type et cliquez sur l'onglet et qui donnera à et sublime ou vous pouvez le taper vous-même et il ressemble à ce script et il n'est pas auto-fermeture Nous avons donc besoin d'avoir la balise de fermeture.

23
00:02:14,690 --> 00:02:21,700
Et puis nous avons besoin de l'attribut source et cet attribut source doit être égal au fichier que nous voulons charger.

24
00:02:21,900 --> 00:02:27,330
Et je vais commencer par mettre un fichier qui n'existe pas ici juste pour vous montrer quelque chose de mal.

25
00:02:27,480 --> 00:02:37,770
Oui et si je l'enregistrer et revenir au navigateur et je rafraîchir et j'ouvre ma console, vous verrez qu'il me dit a échoué à charger l'erreur de ressources.

26
00:02:37,770 --> 00:02:41,340
Fichier introuvable il ne pouvait pas trouver mal.

27
00:02:41,400 --> 00:02:44,770
Oui, c'est tout ce que je veux montrer.

28
00:02:44,850 --> 00:02:49,900
Si nous mettons le mauvais nom là-bas, il nous dira en fait qu'il ne peut pas trouver le fichier, mais seulement dans la console.

29
00:02:50,010 --> 00:02:54,630
Donc, il ne va pas briser le site, il va juste le montrer aux gens qui savent où chercher.

30
00:02:54,630 --> 00:02:58,250
Principalement des développeurs donc je vais mettre le bon fichier ici.

31
00:02:58,290 --> 00:03:01,270
Scripts juste sauver Jésus.

32
00:03:01,680 --> 00:03:05,890
Revenez au navigateur et actualisez et je reçois mon alerte.

33
00:03:06,030 --> 00:03:10,010
Ainsi, chaque fois que cette page charge ce code va s'exécuter automatiquement.

34
00:03:10,200 --> 00:03:18,470
Donc, contrairement à ma console javascript quand le code s'exécute quand je clique sur enter.

35
00:03:19,080 --> 00:03:23,160
Donc, dans ce cas, chaque fois que vous rafraîchir la page du code s'exécute.

36
00:03:23,250 --> 00:03:28,790
Donc ce que je veux faire maintenant est de revenir au fichier javascript et juste ajouter quelques lignes au lieu de simplement l'alerte.

37
00:03:28,890 --> 00:03:39,810
Je veux avoir quelques lignes qui demande à l'utilisateur pour son nom et puis il imprime juste un message qui dit Nice de vous rencontrer quel que soit l'utilisateur entré.

38
00:03:40,290 --> 00:03:43,690
Donc, pour ce faire, nous allons utiliser prompt.

39
00:03:43,810 --> 00:03:46,920
C'est donc notre première ligne.

40
00:03:46,950 --> 00:03:52,660
Quel est votre nom pour capitaliser cela.

41
00:03:53,460 --> 00:03:56,940
Et puis nous allons stocker cela dans une variable afin que nous puissions utiliser cela plus tard.

42
00:03:56,970 --> 00:04:01,030
Je vais enregistrer notre nom d'utilisateur est égal à l'invite.

43
00:04:01,050 --> 00:04:03,010
Comment vous appelez-vous.

44
00:04:03,330 --> 00:04:07,610
Et puis la prochaine étape est d'utiliser ce nom d'utilisateur pour saluer ensuite l'utilisateur.

45
00:04:07,800 --> 00:04:10,790
Alors je vais juste dire Nice de vous rencontrer.

46
00:04:10,990 --> 00:04:11,810
Nom d'utilisateur.

47
00:04:11,940 --> 00:04:14,460
Nous allons donc faire une alerte et annuler ce journal.

48
00:04:14,490 --> 00:04:19,010
Commençons donc par notre alerte.

49
00:04:19,020 --> 00:04:24,040
Ravi de vous rencontrer, assurez-vous que nous avons l'espacement approprié.

50
00:04:24,320 --> 00:04:31,910
Plus le nom d'utilisateur et un tel journal.

51
00:04:32,130 --> 00:04:36,600
Juste pour que nous puissions le voir en deux endroits.

52
00:04:36,600 --> 00:04:41,520
Également super pour vous rencontrer.

53
00:04:41,520 --> 00:04:43,520
Plus.

54
00:04:43,710 --> 00:04:50,970
Donc, nous concaténons les chaînes ensemble deux fois différentes une pour les alerter dans un pour annuler le journal bot.

55
00:04:51,540 --> 00:04:55,250
Revenons donc au navigateur que nous actualisons.

56
00:04:55,350 --> 00:04:56,670
La première chose qui arrive.

57
00:04:56,730 --> 00:05:01,870
Il nous demande un nom pour que nous mettions le surnom de mon chien Tator.

58
00:05:02,220 --> 00:05:05,680
Ok ça me dit ravi de te rencontrer Tator.

59
00:05:06,270 --> 00:05:10,170
Et si j'ai ouvert la console, je verrai.

60
00:05:10,230 --> 00:05:11,840
Également génial de vous rencontrer Tator.

61
00:05:12,510 --> 00:05:25,990
Et aussi vous pouvez le voir me dit script oui ligne 3 si plus tard quand nous avons des fichiers compliqués fou et quelque chose tourne mal, nous serons en mesure de voir exactement où et quel numéro de ligne dans notre fichier.

62
00:05:26,160 --> 00:05:27,540
C'est tout ce que je veux montrer là-bas.