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.
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.
Donc, pour ce faire, nous devons avoir dans chaque fichier d'équipe.
Donc j'ai un ici en sublime C'est appelé index que chaque équipe je vais appeler ce que vous voulez.
Et nous avons juste besoin de mettre notre basique ici.
Je vais donc appeler cette démo de script.
Et puis nous n'avons pas à mettre n'importe quoi ici si nous ne voulons pas.
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.
Donc, je vais aller de l'avant et ouvrir ce dans le navigateur juste pour que nous l'avons.
Donc, il ressemble à cela, y compris les fichiers Geass.
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.
Donc, pour ce faire, je dois d'abord faire un fichier distinct.
Donc, je vais faire un nouveau fichier et l'enregistrer et je vais juste appeler le script Dot.
Oui.
Et la partie importante est le J.S. à la fin.
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.
Alerte Bonjour du fichier js donc on peut voir si ça marche.
Si nous obtenons cette alerte.
Donc, maintenant, si nous rafraîchissons la page, il n'est pas connecté le fichier.
Ou chaque fois qu'un fichier ne sait rien sur le fichier javascript afin qu'il ne fonctionne pas.
Nous devons donc les relier de la même façon que nous utilisons une balise de script.
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.
Et puis nous avons besoin de l'attribut source et cet attribut source doit être égal au fichier que nous voulons charger.
Et je vais commencer par mettre un fichier qui n'existe pas ici juste pour vous montrer quelque chose de mal.
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.
Fichier introuvable il ne pouvait pas trouver mal.
Oui, c'est tout ce que je veux montrer.
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.
Donc, il ne va pas briser le site, il va juste le montrer aux gens qui savent où chercher.
Principalement des développeurs donc je vais mettre le bon fichier ici.
Scripts juste sauver Jésus.
Revenez au navigateur et actualisez et je reçois mon alerte.
Ainsi, chaque fois que cette page charge ce code va s'exécuter automatiquement.
Donc, contrairement à ma console javascript quand le code s'exécute quand je clique sur enter.
Donc, dans ce cas, chaque fois que vous rafraîchir la page du code s'exécute.
Donc ce que je veux faire maintenant est de revenir au fichier javascript et juste ajouter quelques lignes au lieu de simplement l'alerte.
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é.
Donc, pour ce faire, nous allons utiliser prompt.
C'est donc notre première ligne.
Quel est votre nom pour capitaliser cela.
Et puis nous allons stocker cela dans une variable afin que nous puissions utiliser cela plus tard.
Je vais enregistrer notre nom d'utilisateur est égal à l'invite.
Comment vous appelez-vous.
Et puis la prochaine étape est d'utiliser ce nom d'utilisateur pour saluer ensuite l'utilisateur.
Alors je vais juste dire Nice de vous rencontrer.
Nom d'utilisateur.
Nous allons donc faire une alerte et annuler ce journal.
Commençons donc par notre alerte.
Ravi de vous rencontrer, assurez-vous que nous avons l'espacement approprié.
Plus le nom d'utilisateur et un tel journal.
Juste pour que nous puissions le voir en deux endroits.
Également super pour vous rencontrer.
Plus.
Donc, nous concaténons les chaînes ensemble deux fois différentes une pour les alerter dans un pour annuler le journal bot.
Revenons donc au navigateur que nous actualisons.
La première chose qui arrive.
Il nous demande un nom pour que nous mettions le surnom de mon chien Tator.
Ok ça me dit ravi de te rencontrer Tator.
Et si j'ai ouvert la console, je verrai.
Également génial de vous rencontrer Tator.
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.
C'est tout ce que je veux montrer là-bas.