Introduction au JavaScript

2. Explorer JavaScript et la console du navigateur: Salut les gars, Dans cette section, nous allons commencer à explorer JavaScript. Maintenant, JavaScript est un langage de script qui nous permet , en tant que programmeurs, d'interagir avec les éléments HTML. Le fait est que lorsque le navigateur charge notre site Web, que ce soit les lèvres sur lesquelles nous travaillons ou tout ce qui est construit avec du code HTML. Une fois que ce code est affiché par le navigateur, comme nous l'avons vu jusqu'à présent, il n'y a rien que nous puissions faire pour le modifier. Donc, pour toutes les modifications que nous devons apporter, nous devons revenir dans le code et le modifier. Ensuite, nous serons en mesure de l' ajuster lorsque nous actualiserons la page. Cependant, avec JavaScript, nous pouvons permettre à nos utilisateurs d'avoir une expérience interactive avec notre page en y ajoutant une certaine quantité d' intelligence. C'est donc ce que fait réellement le langage de script. Cela ajoute de l'intelligence à notre contenu statique. Ce que j'ai ici, c'est juste un navigateur. Nous allons sortir un peu du code Visual Studio. Et ce que nous allons faire, c'est examiner JavaScript dans le contexte d'une console interactive que chaque navigateur possède réellement. Donc, que vous utilisiez Chrome, que j'utilise Edge en ce moment ou que vous utilisiez Opera, Firefox , Safari, la plupart, sinon tous les navigateurs auront cette console interactive et portable pour l'explorer. J'ai donc ouvert une fenêtre privée pour Edge. Et je vais juste cliquer avec le bouton droit de la souris, puis je vais descendre pour inspecter. Après cela, oui, il nous montre le strict minimum de code HTML. Et la raison pour laquelle j'ai choisi une instance privée que la page que nous obtenons ici n'est pas aussi occupée qu'elle le serait si vous deviez simplement charger notre page normale. Bon ? Il s'agit donc de la page normale sur un bord irrégulier. C'est le privé, donc il n'y a pas autant de monde. Cependant, ce sur quoi je veux que nous nous concentrions, c'est sur la console. Ainsi, lorsque nous cliquons sur Console, nous voyons ici que le curseur clignote et qu'il attend que nous fassions quelque chose. Cette console nous permet donc d'interagir avec JavaScript. Nous pouvons appeler notre JavaScript ici et obtenir un feedback immédiat basé sur le code que nous écrivons. Le fait est que lorsque vous actualisez cette page, la console sera rechargée. Ainsi, tout code que vous avez écrit sera effacé. Mais une fois que nous aurons interagi avec JavaScript et que nous aurons compris le langage, nous ajouterons un peu de JavaScript à notre site Web avec lequel nous travaillons. Ensuite, vous verrez comment il peut persister, enregistrer le code que vous écrivez et le réutilisez en conséquence. Mais pour l'instant, comme je l'ai dit, nous explorons vraiment. Donc la première chose que la plupart des programmeurs, non ? Et nous l'avons déjà fait, c'est HelloWorld. Vous voyez que j'ai commencé à taper et vous voyez que Visual Studio Code fait des suggestions. Vous n'avez peut-être pas besoin de certaines de ces suggestions, mais si vous les regardez simplement, vous verrez que toutes ces choses sont ce que vous pouvez creuser ou éviter. Ainsi, chaque navigateur possède des bibliothèques intégrées pour JavaScript. Et c'est pourquoi, lorsque vous écrivez votre code JavaScript dans votre site Web sur le navigateur, le navigateur peut agir sur les instructions, car JavaScript n'est en réalité qu'un ensemble d' instructions indiquant le navigateur héberge le site Web devrait se comporter à peu près. Très bien. Donc, si je voulais imprimer quelque chose sur la console, cette console est utilisée pour beaucoup de choses. Il peut être utilisé à des fins de débogage pendant que vous créez votre site Web. Il peut être utilisé pour l'interactivité comme ici. Donc, si je veux imprimer, je peux voir des points de console, LOG, log, puis ouvrir des parenthèses, puis mettre des guillemets et fermer. Et puis, généralement, en JavaScript, il se termine par un point-virgule. Je peux donc dire Bonjour tout le monde à l'intérieur de ces guillemets simples. Très bien, c'est un peu plus gros. Donc, console dot log et bonjour tout le monde. Donc, il s'agit essentiellement de voir la console dans le navigateur, quel que soit le navigateur et qu'il possède une console, veuillez écrire le message de journal bonjour tout le monde. Donc quand j'appuie sur Entrée, Look at that, ça imprime Hello World. Cette commande a donc demandé au navigateur d' imprimer ce texte à l'intérieur de la console. Je pourrais facilement changer ça. Ma première impression de script Java. Entrez ma première impression de script Java. De temps en temps, vous verrez cela indéfini, mais vous n'avez pas vraiment à vous inquiéter à ce sujet. À moins que vous ne voyiez des choses en rouge. Tu n'as pas vraiment à t' inquiéter à ce sujet, non ? la suite, nous verrons que je vais juste vous donner un peu de contexte. Ils ne se sentent pas dépassés par quoi que ce soit d'autre qui apparaît à l'écran. C'est ainsi que nous écririons le journal de la console sur le navigateur. Il existe maintenant d'autres outils interactifs que vous pouvez utiliser. Vous pouvez utiliser JSFiddle. Il existe un certain nombre d' outils JavaScript qui vous permettent d' écrire le code, puis exécuter et d'en voir l'effet immédiat. Je pense que l'utilisation de la console dans les navigateurs est aussi simple que possible car vous obtenez la même expérience. Et encore une fois, nous verrons plus tard comment nous avons ajouté à notre site Web. C'est donc une introduction rapide et sale à JavaScript, mais nous avons quelques leçons à venir où nous allons examiner différentes choses que nous pouvons faire en JavaScript. Et vous verrez que si vous avez déjà fait de la programmation, elle ressemble à d'autres langages de programmation. Si vous n'avez jamais fait de programmation, c'est peut-être votre premier langage de programmation. Et les concepts ici sont transférables à tous les autres langages de programmation que vous apprendrez dans votre opérateur. 3. Déclarations JavaScript et déclarations variables: Très bien, dans cette leçon, nous allons examiner les instructions JavaScript, comment déclarer des variables et simplement comprendre les règles générales du langage. Comme nous l'avons vu avec HTML et CSS jusqu'à présent, chacun d'eux a son propre ensemble de règles, n'est-ce pas ? Donc, HTML, vous êtes censé ouvrir et fermer certaines balises, parfois vous n'avez pas à le faire. Mais en fin de compte, il y a règles que vous devez respecter si vous voulez obtenir le résultat souhaité de vos efforts, n'est-ce pas ? Pareil avec CSS. Javascript a des règles. Et encore une fois, qu'allez-vous apprendre avec JavaScript ? s'agit en grande partie de connaissances transférables. Donc avec cette fenêtre de console, je vais juste la faire glisser jusqu'en haut pour qu'elle soit aussi grande que possible sur l'écran. Ça va ? Et ce que nous allons faire, c'est que je vais simplement cliquer dessus ou cliquer sur Control L, ou simplement actualiser votre page chaque fois que nous allons actualiser la console. Voici donc le code de la leçon précédente. Je vais juste tout nettoyer et ensuite nous aurons une nouvelle console avec laquelle travailler. Vous pouvez également faire d'autres petites choses que les filtres d'expression en direct. Certains d'entre eux peuvent ne pas avoir besoin nécessairement pour non. Vous pouvez afficher et masquer certaines barres latérales de la console, certains messages et autres éléments en fonction des performances du site Web sur lequel vous vous trouvez. Vous pouvez également filtrer. Il peut regarder différentes choses. Comme je l'ai dit, la console est utilisée pour la journalisation. Ainsi, plus tard, lorsque vous créerez vos énormes sites Web, vous pourrez utiliser ici pour surveiller certaines erreurs que vous pourriez rencontrer sur un site Web. En tant qu'utilisateur final, il arrive parfois que vous cliquiez sur un bouton qui ne fonctionne pas, n'est-ce pas ? Ainsi, vous pouvez réellement voir si l'utilisateur clique sur le bouton et que quelque chose ne se passe pas comme il se doit, vous pouvez vous connecter à la console afin qu'elle puisse servir d'avertissement que cela peut être faux. La console est donc variable même si nous l'utilisons pour apprendre à écrire du code. Et cela est possible grâce aux navigateurs modernes. Je vous fais simplement savoir que lorsque vous créez vos sites Web, vous pouvez les utiliser pour une aide réelle au niveau de la production. Très bien, comme je l'ai dit, nous examinons les déclarations. Une déclaration dans la plupart, sinon la totalité, langages de programmation n'est qu'une déclaration, n'est-ce pas ? Donc quand j'ai dit console, écrivez par points, console.log, écrivez n'importe quoi. Et remarquez que j'utilise mes touches fléchées haut et bas qui me permettent de parcourir toutes les commandes que j'ai exécutées pour la dernière fois dans la console tant que la fenêtre est ouverte. Alors c'est autre chose, non ? Ou bien, si je rafraîchis oui. Tant que la fenêtre est ouverte. Donc si je dégage, je me suis rafraîchie, je peux effacer et je suis de nouveau ici. Il s'agit d'une déclaration. Une instruction, généralement en JavaScript, doit se terminer par un point-virgule. Vous pouvez avoir plusieurs instructions que vous voulez ou qui ne sont pas sûres. J'ai voulu faire Hello World, puis j'ai voulu ajouter quelque chose d'autre. Je peux simplement passer à la ligne suivante, ce qui, dans les limites de cette console particulière, signifierait qu'après avoir appuyé sur Shift et Enter. Donc ça veut dire que je veux passer à la ligne suivante, mais non, ne pas exécuter la ligne encore, n'est-ce pas ? Alors je peux commencer à taper une autre déclaration, non ? Et puis celui-ci a pu voir Hello. Encore une fois. C'est une autre déclaration pour autant de déclarations que je veux dessiner, je peux simplement appuyer sur Shift Enter. Ils se terminent donc généralement par des points-virgules, non ? Ce sont des déclarations. D'autres choses que tu pourrais faire. Je n'ai pas parlé de variables. Une autre chose que vous pouvez faire est de déclarer nos variables. Une variable est comme une zone de stockage temporaire pour une valeur, n'est-ce pas ? Donc, si je voulais stocker, voir un nom, je pourrais dire let, c'est un mot clé, let puis le nom de la variable. La variable est donc le nom de l'espace de stockage temporaire. Je pourrais donc dire let name, puisque j'ai l'intention de stocker un nom que je vais appeler mon espace de stockage temporaire fonction de ce que j'ai l'intention de stocker. Donc, si je voulais conserver l'âge, je pourrais dire « Let h, OK ». Alors je peux lui donner une valeur en disant égal. Nous appelons donc ici le signe égal un opérateur de déclaration et d'affectation. Nous attribuons donc ce qui est souscrit à notre espace de stockage sous ce nom. Ça va ? Notez donc que j'utilise des guillemets doubles, et que j'utilise des guillemets simples, vous pouvez presque utiliser l'un ou l'autre. Ce sont des situations très spécifiques où vous utiliseriez l'un ou l'autre. Je vais presque les utiliser de façon interchangeable, mais plus tard, vous verrez quand vous utiliserez l'un et non l'autre. Ça va ? Mais en JavaScript, vous pouvez vous en sortir dans d'autres langages, vous ne pourrez peut-être pas vous en sortir aussi facilement. Mais comme je l'ai dit, chaque langue se ressemble, a ses nuances et ses règles. Mais une grande partie des connaissances est transférable. Alors laissez le nom être égal à, et ensuite vous pouvez mettre dans votre Putting your name, je vais juste mettre un nom aléatoire. Encore une fois, c'est une déclaration se termine par un point-virgule. Je veux autre chose, cet avantage. Et je vais lui attribuer une valeur égale à celle terminée par un point-virgule. Et si je voulais imprimer les valeurs de ces deux-là ? Cela vous permet d'être dynamique parce que je suis juste train de voir que je mets ces valeurs, cependant, dans une situation réelle comme sur notre site web, lorsque quelqu'un remplit votre formulaire, n'est-ce pas ? Pensez-vous en tant qu' utilisateur lorsque vous remplissez un formulaire et que vous appuyez sur Soumettre, ces valeurs sont stockées quelque part parce que lorsque vous vous connectez par la suite, vous voyez réellement votre nom. Il s'agit du même nom, de la même adresse e-mail et des mêmes valeurs que vous mettez dans le formulaire que vous voyez présenté ici. Il est donc clair qu'ils sont entreposés quelque part. Ces zones de stockage temporaires, appelées variables, sont en fait conçues pour stocker temporairement ces valeurs pendant que vous êtes sur notre site Web. Tu peux être plus compliqué que ça, mais travaille juste avec ce que je vois en ce moment. Donc, en ce moment, je vois juste que le nom est égal à cette valeur , que h soit égal à cette valeur. Donc, si je voulais les imprimer, je pourrais me connecter à la console et voir le nom. Et je peux y ajouter de l'âge. Très bien, je l'ajoute littéralement. C'est un signe plus. Nous savons que c'est pour les maths, non ? Mais là, c'est un mot ou deux. C'est un chiffre. JavaScript est donc ce que nous appellerons un langage faiblement typé, ce qui signifie qu'il ne se concentrera pas sur le type de données que vous attribuez. Je vois juste créer un espace de stockage temporaire , une valeur stockée. Donc, dans d'autres langages de programmation, il sera strict où si vous stockez un nom, vous devez indiquer qu'il s'agit d'une variable de nom. Si vous commencez par le chiffre II après l'état, il s'agit d'une variable numérique. Javascript n'est pas si strict. Une fois de plus, les différentes langues ont des règles différentes, mais les connaissances transférables sont quand même applicables. Il s'agit donc d'un ensemble d' instructions que je n'ai pas encore exécutées parce que je continue de voir Shift Enter, Shift Enter et passer à la ligne suivante. même, nous l'écrivons larmes et voyons ce que nous pouvons écrire dans l' éditeur de texte quand nous y arriverons jusqu'à ce que nous l'exécutions réellement. Donc, quand j'appuie sur Entrée, cela va réellement exécuter tout cela. Il va imprimer Bonjour tout le monde, bonjour encore. Et puis regardez ici c'est l' impression de Ben Hayden 50 parce que nous avons déclaré des espaces de stockage temporaires. Ensuite, nous avons dit d'imprimer le nom plus l'âge. Il s'agit donc d'imprimer le nom plus le bord. Maintenant, qu'est-ce que vous remarquez comme un problème ? Je suis sûr que vous comprenez pourquoi il est attaché à ce qui est caché. Donc la raison en est que nous devons formater les bits de données pour pouvoir dire « conn », console dot log », et ensuite je peux l'embellir un peu. Donc, de la même façon que nous pouvons plus une variable plus notre variable, je peux plus une chaîne littérale. C'est comme ça que nous l'appellerons lorsque vous ouvrez le guillemet, que vous tapez votre propre message et que vous le fermez, c' est ce que nous appelons une chaîne littérale. Je peux donc consoler le journal des points et ouvrir ma chaîne littérale ici où je vois le nom deux-points, rendre plus représentatif. Très bien, puis j'ajoute la variable name à cela. Ça va ? Le point-virgule est une déclaration. Et puis ça va le faire dans une autre ligne, console.log. Et je peux élever et vieillir le côlon, non ? Notez l'espace, l'espace, les colonnes entre ces guillemets. Ça va ? Et puis je peux dire plus l'âge. Et puis un point-virgule. Appuyez sur Entrée. Allons-y. Le nom est ce qui se trouve dans la variable et l'âge est ce qu'il y a dans la variable. Non, rien. Je n'ai pas espacé ce vieux jeu autant que j'ai espacé celui-ci. Donc c'est autre chose en termes de ce qui n'est pas entre guillemets, JavaScript ne se souciera pas si vous mettez un espace ou pas aussi long que les syntaxes, non ? Ce sont donc de petites choses à propos de JavaScript qui le rendent si flexible et si facile à apprendre parce que c'est un langage de script très indulgent. Mais il y a certaines règles qui peuvent vous enfreindre, vous briser en tant que développeur potentiel en transition vers d'autres langues. Mais pour l'instant, c'est tout ce que nous allons passer revue quatre énoncés et leur fonctionnement. Nous savons que nous devons terminer par un point-virgule. Nous savons comment imprimer sur la console, nous savons comment déclarer des variables et attribuer des valeurs, et nous savons comment les imprimer et conserver un format. Ce que nous imprimons Buck, et si je voulais changer une valeur, nom existe, je peux lui donner une nouvelle valeur. J'ai donc pu voir une nouvelle valeur. Assignez ça au nom. C'est vrai ? Ensuite, si je dis à nouveau le nom et l'âge de console.log, non, la nouvelle valeur sera imprimée. Vous savez maintenant comment assigner et changer après affectation, n'est-ce pas ? Cette deuxième ligne est plutôt une confirmation que cette ligne a fonctionné, non ? Parce que si vous faites quelque chose qui ne fonctionne pas, vous obtiendrez un certain type d'erreur. Si j'ai écrit cette déclaration dans un suivi incomplet et que cela va me donner une erreur de syntaxe non interceptée et j'ai essayé de me dire ce qui ne va pas, n'est-ce pas ? Alors je m'ai envoyé, il me manque cette partie et c'est la console qui vous donne des commentaires interactifs. Pour commencer, contrairement à ce que nous avons vu avec Visual Studio Code et un code HTML où il essaiera réellement de compenser. Celui-ci ne le fera pas, il vous indiquera que vous avez une erreur. Tu dois aller le réparer. Ça va ? Donc, quand nous reviendrons, nous examinerons quelques options arithmétiques. Opération, désolé, en JavaScript. 4. Opérations arithmétiques JavaScript: Salut les gars, bon retour. Dans cette leçon, nous allons examiner opérations arithmétiques en JavaScript, pas plus que les opérations arithmétiques ne font généralement référence à map. Une caractéristique clé de la plupart des langages de programmation, sinon de tous, est la capacité à effectuer certaines opérations mathématiques. Vous pouvez donc ajouter, soustraire, multiplier. Nous allons juste jeter un coup d'œil à ce à quoi cela ressemble. Est-ce que nous utiliserions JavaScript ? Je vais donc vider la console et regardons-la pour pouvoir ajouter deux chiffres facilement. Je peux dire un plus un. Vous voyez, la console reçoit des commentaires interactifs. Ça fait deux. Donc un plus dix, ça fait 11, c'est ça ? Donc le signe plus, quand nous avons affaire à de nombreuses publicités, les chiffres, comme on peut s'y attendre, non ? Nous avons donc déjà vu que le signe plus est également capable d'ajouter une chaîne ou deux chaînes ou un nombre. Et une ficelle. Avec une chaîne ou un mot, chaîne est représentée par les guillemets avec des guillemets simples ou des guillemets doubles, n'est-ce pas ? Ces deux éléments représentent une chaîne de caractères. Donc je peux toujours voir la chaîne 1, non ? Parce qu'il y a des moments où un chiffre ou un chiffre est utilisé, mais ce n'est pas nécessairement à des fins mathématiques comme un numéro de plaque d'immatriculation ou quelque chose comme ça, n'est-ce pas ? Il ne sera pas vraiment utilisé pour les mathématiques, mais vous l'appelez un numéro. Donc vous pourriez vous retrouver avec quelque chose comme A1, R1, E. Mais si ce nombre finit par être utile et non mathématique et que vous l'ajoutez à, disons, un chiffre, alors vous êtes va finir avec quelque chose comme un, soixante-dix, cinq, soixante six. Parce que cette chaîne plus le chiffre va vous donner la chaîne et le chiffre. Cependant, si je devais ajouter deux chiffres, un plus 75, vous obtiendriez le résultat mathématique de 76. sont donc de petites choses sur les JavaScript que vous ne verrez pas dans de nombreux autres langages, mais c'est l'une des principales fonctionnalités dont vous pouvez probablement profiter quand cela est applicable. Et sinon, sachez simplement comment l'utiliser et quand. C'est l'addition, la multiplication, c'est à peu près pareil. Donc sept fois huit, ça nous donne le produit, non ? Donc, en mathématiques normales, quand nous écrivons, utiliserions-nous le symbole x ou x ? En informatique et langage de programmation, en général, vous utilisez l'astérisque, et c'est ainsi que vous décrivez la multiplication. Voyons ce qui se passe quand on essaie multiplier une chaîne par un chiffre. Donc si je fais une chaîne multipliée par un chiffre, regarde ça, je vais récupérer 76. Ça ne ressemble pas tout à fait à l'addition. Donc, l'opération d'addition, quand nous avons la chaîne plus une autre chaîne ou un chiffre ou plus quoi que ce soit d'autre quand c'est une chaîne plus quelque chose, nous appelons cette concaténation, n'est-ce pas ? Donc, nous concaténons la chaîne, concaténons quelque chose à une chaîne. Mais évidemment, lorsque nous faisons une multiplication, qu'il s'agisse d'une chaîne ou d'un chiffre, nous obtenons les mêmes résultats. Très bien, c'est clair. Regardons la division. Donc, si je divise dix par cinq, on s'attendrait à en voir deux. Donc, la division dans la programmation utiliserait ce signe, c'est une barre oblique. Donc dix divisés par deux. Si je faisais ça avec des ficelles, qu'est-ce qu'on obtiendrait ? Nous obtenons les mêmes résultats. Très bien, c'est ça la vision. Et le prochain élément de base serait la soustraction. Donc 45 moins cinq nous donne 40. Si je fais 45 moins cinq, j'en ai encore 40. Le signe plus est donc le seul qui fonctionne réellement différemment lorsqu'il s'agit de chiffres par rapport à des chiffres et des chaînes de caractères. Comme nous pouvons le constater, ils nous donnent tous des résultats très similaires. Cependant, il est toujours bon d'être constant. Donc, mélanger et assortir, c'est généralement déconseillé. Je pense qu'ils ne font que compenser le fait que cela puisse arriver. Mais en général, je veux juste traiter chiffres quand on fait des maths et en rester là. Ça va ? Donc, de la même façon que nous pouvons affecter à une variable, la valeur R1 à une variable est la même que nous pouvons dire que le produit est égal, puis nous lui donnons les deux nombres 15 fois. C'est vrai ? Maintenant, il me dit indéfini parce que si vous lui avez donné une déclaration et que j'enfreins mes propres règles, je ne l'ai pas terminé par un point-virgule, mais je viens de créer une déclaration qui ne lui a pas dit de faire quoi que ce soit avec la valeur. Il a donc des produits. Il a de la valeur dans les produits, mais il ne sait pas qu'il n'a pas reçu de directive. Maintenant, je dirais probablement que je voulais voir ce qu'il y a dans les produits. Laissez-moi console.log. Ensuite, j'écrirais product. Et quand je fais cela, je peux voir la valeur intérieure des produits. Ça va ? Juste une autre chose à signaler. Je n'ai pas mis de point-virgule et à la fin de tout ça, c'est moi qui suis méchant. J'enfreins les règles, non ? Le fait est que c' est un artefact parce que ce n'est qu'une déclaration que j' écris à la fois. Ça me permet de m'en sortir. Cependant, si j'écrivais plusieurs déclarations dans nos multiples lignes dans cette déclaration ou des déclarations à exécuter ensemble, alors je me retrouverais probablement avec des problèmes. Donc, vous voulez toujours et avec votre point-virgule avant. Ça va ? C'est donc à peu près à cela que cela ressemblerait. Maintenant, en vous appuyant sur les opérations arithmétiques simples, vous en avez une cumulative. Alors quoi, ce que je veux dire par là, c'est que nous avons, disons que nous avons, allons, normalisons un. C'est une variable b égale à dix, non ? Ensuite, j'ai voulu augmenter ce chiffre de cinq. Donc, pour augmenter la norme un par cinq, vous voudriez dire que je devrais dire num un quelle que soit la valeur ou la nouvelle valeur num un an sera quelle que soit votre valeur, plus cinq. Très bien, et c'est comme ça que j'ai pu le faire 15 parce que je l'ai augmenté de cinq. Non. Une façon abrégée de le faire serait d'utiliser l'accumulateur ou la méthode cumulative. Donc, si je voulais l' augmenter de cinq, je pourrais dire plus égal à cinq. accord, donc cette déclaration va évaluer la même chose que de dire num un, prenez-vous et ajoutez-y cinq et répondez à votre nouvelle valeur, peu près normale. Prenez soin de la valeur et ajoutez-en cinq, puis quoi que ce soit, c'est ce que nous lui attribuons. Donc, si j'augmente, si je lance ceci, cela ne devrait pas devenir 20. Allez-y. Qu'est-ce que je veux dire ? Il s' agit donc d'un accumulateur et cela vaut pour tous les types d'opérations. Si je voulais le multiplier par cinq, je le multiplierais par cinq. Ensuite, d'une manière générale, vous diriez que num un est égal à num un fois cinq. Version abrégée, je peux juste dire que le temps est égal à cinq. Et puis ça devrait l' amener cinq fois plus. Si je voulais le réduire de cinq fois, alors il serait divisé par cinq. Et je le réduis cinq fois, non ? Et la même chose vaut pour la soustraction. Donc, norme un moins égal, puis cinq. Cela signifie qu'il faut en prendre cinq. Encore une fois, tous ces éléments augmentent encore la valeur stockée en numéro un par rapport au nombre que j'indique ici. Très bien, c'est ainsi que fonctionne l'arithmétique en JavaScript. 5. Énoncés de décision JavaScript: Très bien les gars, Dans cette leçon, nous allons examiner les déclarations de décision, mais dans la vie de tous les jours, oublions la programmation en ce moment. Dans la vie de tous les jours, nous devons prendre des décisions concernant certaines choses. Si certains facteurs s' accumulent, nous prenons certaines mesures. Donc, le même genre de logique, si c'est le cas, ou quel est le cas ? Il se peut que nous fassions ceci ou que nous prenions cette action en fonction peut-être d'une valeur. Alors, combien d'argent ai-je ? Si j'ai 500 dollars, je vais le faire. Si j'ai 200$, alors je le ferai, etc. Nous prenons donc des décisions sur diverses choses dans la vraie vie. Il en va de même pour la programmation. Nous examinons ces variables, nous examinons ces valeurs. Et puis réfléchis-y. Si vous achetez quelque chose en ligne et que vous fournissez certaines valeurs à certains moments, cela peut affecter le prix de l'article. Si vous avez fourni un code de coupon, l'article sera diminué d'un certain montant. Toutes ces choses ne sont que de la programmation et peuvent être accomplies en utilisant le même type de logique que nous examinons le même type de code que celui que nous examinons en JavaScript. Donc, si un code promo est présent, lancez ce mois-ci pour réduire le prix de cinq fois ou soustraire Live du prix, n'est-ce pas ? Je ne fais que vous donner des scénarios. Ce que nous allons examiner c'est que nous avons déjà examiné l'arithmétique. Nous allons examiner les décisions maintenant, n'est-ce pas ? forme la plus courante de déclaration de décision que vous pouvez voir est la déclaration if. Parce que c'est exactement ce que nous verrions dans notre esprit, si cela obtenait plus que cela. C'est une construction très similaire en programmation. Donc, cela commencerait en fait par voir si vous ouvrez alors la parenthèse et vrai. Et chaque fois que j' ouvre des parenthèses, je la ferme parce que si vous ne la fermez pas, elle se retrouvera avec une erreur de syntaxe et cela peut être très ennuyeux, non ? Ainsi, chaque fois que j'ouvre une parenthèse ou même une accolade, j'ouvre et je ferme en même temps. Vous remarquerez donc que je le fais, n'est-ce pas ? Donc, si alors entre parenthèses se trouve l'endroit où vous indiquez votre état. J'ai donc déjà les variables num one, car dans la même fenêtre de console, elles existent toujours jusqu'à ce que je ferme le navigateur. Il n'y a donc personne. Donc je vais dire si un engourdi est supérieur à dix, alors, puis mon va à l'intérieur de ces accolades bouclées. Ça va ? Donc si, si vous ouvrez des parenthèses, alors nous avons une condition. Je n'ai pas remarqué que j'utilise le même sable que celui que tu aurais appris à l'école. Je suis sûr qu'au moment où nous faisions ce cours, vous auriez appris plus que, moins que les signes. C'est donc plus grand que de dire, c'est moins que signe. Vous pouvez dire supérieur à, égal et égal à. S'il est supérieur ou égal à dix, vous pouvez dire si c'est le cas, si nul un est inférieur ou égal à dix, vous pouvez voir s'il n'est pas du tout égal. Et pas égal, ça ressemble à ça, non ? Pas égal. Ensuite, vous pouvez dire si c'est équivalent. J'aurais dû voir équivalent ou pas égal, mais allons-y, c'est bon. Vous pouvez dire équivalent en utilisant le signe double égal, puis équivalents, nous allons examiner différentes variantes de ce que cela peut avoir. Parce que JavaScript peut être très précis quand il s'agit de covalence, n'est-ce pas ? Mais ce que je vois, c'est que ce sont vos opérateurs logiques supérieurs, inférieurs, , supérieurs ou égaux à, inférieurs ou égaux, ou égaux ou équivalents à, n'est-ce pas inférieurs ou égaux, ? Remarquez qu'il s'agit d'un double égal, pas d'un seul, d'un seul moyen. Donc je ne peux pas dire si num un est égal à écrire, cela ne fonctionnera pas après, voir si c'est équivalent à. Je vérifie donc ce côté, cette valeur, n'importe quelle instruction conditionnelle OU opérateur, et puis c'est tout. Et si c'est vrai, je vais m'en tenir à ce que je vais faire. Notez donc qu'il continue à s'exécuter. Je dois faire Shift Enter, donc la plupart de la ligne suivante. Et puis d'une manière générale, vous voulez indenter votre code afin de voir clairement que ce code que je suis sur le point d'écrire correspond à cette instruction if. Donc si c'est le cas, puis console dot log, je vais juste faire console dot log. Mais le fait est que dans ces accolades vous faites presque tout ce qui est nécessaire. Si cela est vrai. Qu'est-ce que tu vas faire ? Allez-vous faire quelques calculs ? Vous allez imprimer quelque chose à l'écran. Allez-vous envoyer une alerte quelque part ? Bon ? Je peux donc faire console.log. Le numéro est dix. Bon ? Maintenant, ce que j'ai acheté d'autres scénarios, se passe-t-il s'il est supérieur à et si c'est moins que dans la même instruction if, je peux le changer et dire autre chose. Et je peux faire autant d'autres si secondes ou bien si, c'est-à-dire si ce n'est pas vrai, alors celui-ci, n'est-ce pas ? Nous créons donc différents scénarios, n'est-ce pas ? Si c'est vrai, faites-le autrement. Si quelque chose d'autre est vrai dans ce scénario et mettez mon point-virgule. Ensuite, faites-le et nous pourrons faire autant d'autres scénarios en utilisant else if, else if engourdi one est supérieur à dix. Ensuite, la même syntaxe s'applique. Orthèse bouclée ouverte. N'oubliez pas d'utiliser Shift Enter lorsque vous entrez dans une nouvelle ligne. Ensuite, j'ai voulu essayer un autre type d'impression. Donc au lieu d'un console.log, je vais faire une alerte. L'alerte s' afficherait dans un navigateur. Avez-vous déjà été sur un site Web et vous vouliez peut-être passer à autre chose et vous n'avez pas enregistré vos modifications ne sont pas alertes, apparues dans le navigateur pour voir. Cliquez, vous devez le désactiver avant de pouvoir continuer. C'est à peu près ce que fait Alert. Donc je peux voir que le numéro d'alerte est supérieur à dix, n'est-ce pas ? Et puis je peux dire autre chose, servir mon vélo et faire autant d'autres choses. Si les déclarations dont j'ai besoin. Mais parfois, vous exécutez tous les scénarios et si aucun de ces scénarios n'est vrai, alors vous voulez faire une dernière chose. Il y a donc un dernier recours si rien d'autre n'est vrai, n'est-ce pas ? Je pense à 500 dollars. Je sors dîner. Si j'ai 400 dollars, j'irai au cinéma pour 300 dollars. J'aurais envie de le faire. Sinon, je resterai chez moi. Sinon, il y en aurait d'autres. Donc tu dis simplement autre chose, ouvre les accolades, et ensuite tu dis ce que tu veux faire. Si rien de ce que vous avez dit ci-dessus n'est vrai, alors c'est ce que je vais faire. Donc je veux faire un console.log et dire quelque chose comme si rien ne pouvait arriver, quelque chose comme ça, non ? C'est donc ton dernier point. C'est donc un simple si autre, sinon vous ne pouvez avoir que le si, vous pouvez avoir si et sinon. Vous n'avez donc pas à en avoir d'autre, si c'est entre les deux. Vous auriez pu si c'était autrement ce droit. Vous pouvez même simplement avoir une instruction if pour voir si c'est vrai, puis faites-le. Si ce n'est pas vrai, il suffit de le sauter et de passer à la ligne de code suivante de toute façon. Ce sont donc des choses que vous pouvez faire pour prendre des décisions. Donc, si je lance ceci et que j'appuie sur Entrée, vous voyez que le numéro de journal de la console est dix parce que nous sommes assis sur un à dix. Si je ne vois aucun, votre valeur est maintenant de 25. Voyons ce qui se passe. Je vais donc réexécuter cette instruction if. Les valeurs de personne, pas 25s vont à nouveau passer par l'instruction if. Ensuite, j'appuie sur Entrée, regarde cette alerte, donc ce nombre est supérieur à dix. C'est donc ce que cette alerte indique. Très bien. Et puis si je m'assois sur un pour être égal à cinq, donc non, ce n'est pas égal à dix et ce n'est pas supérieur à dix. On s'attend à ce que ça disparaisse, oh, désolé. Oui, on y va. Cela va dire que rien ne peut arriver parce que ce n'est pas vrai. Ce n'est pas vrai. Sinon, c'est ce que nous allons faire. C'est ainsi que vous prenez des décisions simples en JavaScript. Sachez que le prochain que nous allons examiner s' appelle un interrupteur. Le changement est relativement facile. Il est assez similaire, mais il est utilisé dans différentes opérations. Il s'agit donc probablement plutôt de quatre grilles. Très bien. Supposons que notes aient toujours été marquées comme intenses. Si tu en obtiens 100, tu réussiras. Si tu en as eu 50, tu t'en es à peine sorti. Et si nous obtenons 0, eh bien, ce n'est pas dense, n'est-ce pas ? Supposons que vous ayez trois grilles possibles, trois valeurs possibles. Tu as 150 ou 0, non ? Je peux donc dire activer la variable. Alors utilisons simplement la norme un ou soyons plus panier et utilisons la grille. Je suis donc allé laisser la cupidité égale à 900. Commençons par cela. Nous avons donc une grille égale à 100. Ensuite, je veux prendre une décision basée sur cette valeur, cette cupidité pourrait avoir quelqu'un pour dire changer de cupidité. Ensuite, ouvrez mes accolades comme d'habitude. Vous remarquerez donc que les accolades jouent un rôle énorme dans ces blocs et ces instructions de blocs, n'est-ce pas ? Donc c'est un tout qui les bloque et c'est tout un truc, non ? Il est donc multiligne plutôt que très strict dans cette structure. Une fois que vous avez compris cette structure que vous utilisez parenthèses et des accolades, ou dans le commutateur, utilisez à nouveau entre parenthèses, la valeur et les accolades, alors tout devrait aller bien, non ? L'instruction switch examine donc la valeur pour voir quelle est la valeur, quelle est la valeur, et que dois-je faire avec cette valeur, n'est-ce pas ? Donc, au lieu de si et sinon et quoi que ce soit, nous avons changé et il aura des clés. Ensuite, nous examinerons la valeur. Si le cas est 100, ce qui signifie que cette valeur a, cette variable a cette valeur. Alors je dis « côlon ». Et ensuite, sous cette mallette, je passe à l'action. Donc console.log, vous avez réussi. Et autant de lignes que j'ai besoin, je peux mettre sous cette mallette. Mais quand j'aurai fini, je vais juste dire pause. Non, je tape parce que je suis très intéressé par la mise en forme et c'est possible, c'est beaucoup plus lisible lorsque vous mettez en retrait votre code. Et vous pouvez voir où tout commence et s'arrête, n'est-ce pas ? Quand ils fouillaient dans l'éditeur de texte. Bien plus facile. Je le fais simplement dans la console interactive pour que nous puissions voir ce qui se passe en temps réel, non ? Alors changez de grille, et il fera ce cas. Ensuite, nous prenons une action ou autant d'actions que nous en avons besoin. Et quand nous aurons fini, nous devrons voir une pause. Si nous ne disons pas « casser », ce qui se passera c'est que lorsque nous définirons, ah, nous enfoncerons dans la prématurité. Donc quand on définit un second cas, comme si la grille est de 50 et puis je dis console, console.log et je vois que vous êtes à peine passé. Et puis je le ferais si je n'avais pas de brasserie, elle diffuserait les deux. Alors laisse-moi enlever le brief et te montrer qu' et qu'il a fait ça parce qu'il n'y avait pas de Bree. Tu passes la bière du passé. Bien sûr que ce n'est pas vrai. Vous voyiez l' orange sur notre Fifi, l'analyseur n'a pas réussi, non ? J'ai donc besoin de ce mot clé break à la fin d'un cas pour qu'il sache qu'il doit s'arrêter. Juste là. Ça va ? Non. Quoi, qu'est-ce que le VC, nous avons dit que si vous obteniez 0, alors vous échouez. Nous pouvons donc ajouter un autre cas, afin que vous puissiez ajouter autant de cas que possible. Et souvenez-vous, chaque cas revient à dire que c'est le scénario. C'est ce que je veux faire dans le cas où tout ce stress ou console.log. Et nous verrons que tu as échoué. Et puis on se casse. Ensuite, si rien de ce qui précède. Donc, tout comme avec l'instruction if ou nous pouvons dire autre chose pour terminer tout cela, rien d'autre n'était vrai. Alors fais-le simplement. Si rien d'autre n'est vrai, alors c'est de la même façon que je peux voir le point par défaut ici. Par défaut, cela signifierait que si aucun de ces cas n'était satisfait, alors il suffirait par défaut de cette action. Donc je mets console.log et généralement le temps qu'il arrive ici, c'est généralement parce que quelque chose n'est pas valide. Donc, dans notre cas, nous pouvons dire que c'est une note non valide parce que vous devriez obtenir 150 ou 0. Donc tout ce qui ne l'est pas dans ces cas-là peut être une valeur non valide, quelque chose comme ça. Bien sûr, je ne fais que vous donner un scénario. J'espère que tu y penses et que tu dis, Oh, c'est pour que je puisse appliquer ça à autre chose, non ? Ce serait donc une grille non valide. C'est ce que nous allons dire au système que si nous ne détectons pas la grille sur la base des cas que nous avons décrits, alors c'est une note non valide. Ça va ? Donc, si j'appuie sur Entrée, bien sûr, nous avons déjà défini la grille à 100 s. Donc, bien sûr, nous passerions si je changeais la valeur des grilles de 50, puis que je réexécutais cette instruction switch, vous avez à peine réussi. Ensuite, si je change à nouveau la valeur de grid à 0, puis à nos instructions switch, nous évaluerons que vous avez échoué. D'accord, vous pouvez donc voir que ça touche chacune de ces affaires. Essayons maintenant un cas par défaut. Donc, si ce n'est pas 150 ou 0 sur la base de notre plan, alors sur la base de notre plan, il devrait être considéré comme une grille non valide. Donc, lorsque nous faisons cette grille non valide, c'est essentiellement comme ça que les décisions sont prises en JavaScript. Bien entendu, leur complexité dépend du scénario et vos contextes détermineront toujours le code nécessaire pour le résoudre. Mais il est bon de savoir quelles sont vos options et quand les utiliser. 6. Déclarations de répétition JavaScript: Salut les gars, bon retour. Dans cette leçon, nous allons donc examiner les instructions de répétition. Permettez-moi donc de vider notre console et commençons. La répétition intervient donc lorsque vous avez quelque chose à faire à plusieurs reprises et que vous ne voulez pas le faire manuellement à chaque fois, n'est-ce pas ? Supposons que nous voulions écrire les chiffres de un à dix. Vous pouvez facilement consoler le journal par points. Nous ne voulons pas imprimer le fichier console.log. Et puis vous diriez, ok, pour int1 point-virgule, puis passez au suivant, puis à console.log. Et puis nous imprimerions l'outil. Et je suis sûr que vous comprenez l'essentiel, mais je sais que vous devriez le faire jusqu'à dix heures, que lorsque vous appuyez sur Entrée, que lorsque vous appuyez sur Entrée, vous obtiendrez le 12345, etc., prévu. Donc la console, c'est évidemment très cher. Eh bien, je répète la déclaration est ce qu'elle suggère nous aide à répéter certaines opérations. Et en écrivant cette structure de répétition, nous pouvons placer une commande qui dit faire quelque chose pendant X temps ou X fois plutôt, ou jusqu'à ce qu'une certaine condition soit remplie. Nous examinerons donc aussi les types de répétition. Et ce sont les compteurs contrôlés et les conditions contrôlées. Commençons donc par le compteur contrôlé. Une boucle contrôlée par compteur se généralement sous la forme de ce que nous appelons une boucle for. C'est donc pour X fois. Fais ça, non ? Supposons que nous voulions imprimer de un à dix. Et bien sûr, vous ne voulez pas répéter cette déclaration, nous allons donc en dire quatre, puis ouvrir les parenthèses. Ensuite, nous avons une variable qui sera notre hiver froid. Donc nous en initialisons un, je vais l'appeler, je l'ai acheté n'a pas besoin d' être appelé un cône. On peut l'appeler pratiquement n'importe quoi. Chiot Xyz. Il n'a vraiment pas d'importance. C'est la variable la plus couramment utilisée que vous verrez ici, car je suis l'abréviation d'itérateur et les commentaires également appelés itérateur. y a donc rien de significatif à propos de l'œil. Il s'agit simplement du nom de la variable qui est utilisée pour compter le nombre de fois que l'action a été répétée. C'est donc en train d'initialiser notre compteur. Ensuite, nous avons un point-virgule suivi d'une condition pour voir, je devrais monter jusqu'à x fois. Maintenant, remarquez que je vais commencer à 0. Ça peut commencer à dix heures, ça peut commencer à 20 ans. Ça n'a vraiment pas d' importance. Quelle que soit la façon dont vous voulez le démarrer quelque part, que la condition soit logique. Donc évidemment, je ne le commencerais pas à 20 ans et je lui dirais courir jusqu' à ce que je sois inférieur à r, désolé, courir tant que j'ai moins de dix ans, parce que cela n' aurait pas de sens. Il est déjà supérieur à dix, donc cette condition aurait été violée ici même. Donc, ce que vous voulez faire, c' est de commencer à 0, généralement 0, cela peut être un, mais par où commencer ? Cela affectera la condition. Donc, si je commence à 0, alors la première ligne aura une valeur de 0. La valeur de la deuxième ligne est égale à un. La troisième ligne a désormais une valeur de deux. Cela signifie que lorsque je deviens dix, quand je monte à la valeur de dix, je ne suis plus inférieur à dix, donc il n'exécutera pas celui-là. Mais si vous appelez cela r, si vous les appelez petits doigts à partir de 0, votre Collier, le petit doigt droit 0, puis 12345, jusqu'à neuf, alors vous auriez compté sur les dix doigts. Donc, entre 09 inclus, il y a dix descentes. Qu'est-ce qu'on fait ? Vous allez voir ce que je veux dire. Alors, parce que ça commence à 0, je parce que ça commence à 0, fais en sorte que tu ne sois jamais égal à dix parce que je veux qu' il fonctionne dix fois. Nous venons de l'établir. Ensuite, je vais lui dire d'incrémenter à chaque fois. Donc je vais dire « je plus, plus ». Cela pourrait aussi être I plus deux plus huit. Cela dépend du nombre de fois que j'ai voulu augmenter. Donc, si je disais I plus dix, cela augmenterait de 0. Faites ce qu'il faut pour le 0 Ron, revenez et dites combien ou combien dois-je augmenter, augmenter de dix, alors ce serait si vous vouliez que cela vous revienne , disons plus deux, ici, nous le faisons en plus, parce que nous ne voulions augmenter que d'une unité à la fois. Ensuite, je ferme les parenthèses. Je vais donc ouvrir les accolades et passer à la ligne suivante, bien sûr en utilisant Shift Entrée, puis indentant à l'intérieur de mes accolades. Encore une fois, nous commençons à 0. Et nous voulons courir de 0 au nombre le plus proche jusqu' à dix. Parce que tu ne veux pas violer ça. Et nous comptons par un à chaque fois qu'il est lancé. Que voulons-nous répéter ? Quoi que nous voulions répéter, nous allons le placer à l'intérieur de ces accolades. Je n'ai pas dit où il voulait faire des cônes. Étain ou imprime les chiffres de un à dix. Je vais donc dire console.log et ensuite j' imprimerais les chiffres. Donc, évidemment, je ne peux pas aller imprimer de l'argent sauvagement parce que cela va imprimer une à n fois que z vous en montre une. Mais il le regroupe parce qu' il a été imprimé dix fois. Ce n'est pas un bon exemple parce qu'il s'agit de tout regrouper, mais c'est ce qui se passe vraiment ici. Donc, si je réessaie, je veux 12345, pas seulement 110 fois. Cela signifie que je voudrais imprimer la valeur de l'IA, car l'IA change à chaque fois. Je pense donc que c'est une source de chiffres aussi bonne que n'importe quelle autre source de commentaires pour moi. Donc, si j'appuie sur Entrée, regardez ça et tout ce que nous obtenons 0123456789. Ce n'est toujours pas le numéro un à dix. C'était l'objectif, mais nous y arrivons. Mais si vous comptez, c' était la première manche. J'étais 0, puis il est revenu en boucle, augmenté d'un. Tu as recommencé l'action ? Non, parce que j'ai augmenté d'une unité. Ce n'en est pas un. Vas-y encore. C'est 234. Si je fais un cône, 12345678910, il a imprimé dix chiffres, mais notre objectif était d'imprimer un à dix. Donc, un moyen facile d'y parvenir serait que si je sais que je vais toujours être un de moins que le nombre que j'attends, alors je peux simplement dire que lorsque vous imprimez, j'imprime I plus un. Alors ajoutez-en un à chaque fois Mirabeau à imprimer. Donc maintenant, quand il aurait été 0, ce sera un, etc. Et maintenant nous avons jusqu'à dix. Ça va ? Regardons ça à nouveau. J'ai dit que nous avions commencé à 0 et que nous allions jusqu'à ce qu'il soit moins de dix. Et pour cette raison, nous devons en ajouter un. Et si nous ne voulions pas ce travail supplémentaire d'en ajouter un ? Donc c'est très bien. Je pourrais juste dire journal de la console, imprimer l'œil. Je voulais que le premier numéro soit imprimé pour être un. Et quand je fais ça, il n'y aura qu'à imprimer 123456789. Ça fait neuf chiffres. Je ne vais pas récupérer la boîte. Je dois donc ajuster la condition. Donc ici, je dois le voir et savoir que nous commençons à un et je veux qu'il fonctionne jusqu'à ce que je sois inférieur ou égal à dix. Donc, encore une fois, il s'exécutera jusqu'à ce que cette condition soit violée pendant qu'il compte à partir du nombre que nous avons défini jusqu'au nombre présent dans la condition. Donc si je fais ça, on obtient 12345678910. D'accord, c'est donc notre boucle contre-contrôlée. Ils sont utiles lorsque vous avez des listes que vous souhaitez parcourir. Comme je l'ai dit, tout ce que vous voulez répéter un certain nombre de fois. C'est pourquoi nous l'appelons la boucle contrôlée par compteur. Et cette boucle, en dehors de la définition de variable ici, se présente de la même manière dans la plupart des langues. Donc, juste en comprenant cela, vous maîtrisez ce type de boucle pour au moins six autres langues. Très bien, regardons maintenant le suivant. Celui-ci serait une boucle while ou une boucle contrôlée par condition, n'est-ce pas ? Et tu en as deux. Tu as la nature, tu as le temps de faire. Connaissant la boucle while, nous commençons par le mot-clé while, puis c'est le contrôle conditionnel. Il n'y a donc qu'une condition. Donc, même si certaines conditions ne sont pas remplies, lettre C, nous voulons toujours le faire en comptant jusqu'à dix. Alors je dirais que j'ai moins de dix ans. Et puis le même type de syntaxe. Nous avons nos accolades. Ensuite, à l'intérieur de nos accolades nous voulons mettre en retrait ce que nous voulons répéter. Je vais donc dire que pendant que j'ai moins de dix ans, console.log. Salut. Très bien, donc ça, on s'attend à ce qu'il s'imprime dix fois. Maintenant, un certain nombre de choses me manquent Altera, et nous allons explorer cela. D'abord. Quand tu essaieras de lancer ça, ça te dira que je ne suis pas défini. Donc ceci n'est pas défini signifie que vous essayez d'appeler une variable qui n'existe pas encore, vous ne l'avez pas déclarée. Nous avons examiné la question de la déclaration de variables plus tôt. Nous devons dire laisser le nom de la variable et l'utiliser ensuite. Nous avons également examiné le fait que les variables que nous avons déclarées, il a clairement expliqué que la console existe toujours afin que nous puissions les utiliser parce que je suis sûr que le nom est toujours là. Très bien, je peux toujours accéder au nom de toutes ces leçons car je suis dans la même instance de console, disons que vous vous demandez probablement, d'accord, alors pourquoi ne puis-je pas accéder à un même si nous l'avons déclaré ici ? C'est ce que nous appellerons la portée. Dans le cadre de cette boucle for, j'existe, celles qui sont faites pour la boucle, je n'existe plus, donc je n'ai pas été déclaré à la console entière et au navigateur entier et à l'ensemble demande. Il a vraiment été déclaré à cette boucle for. Comme toutes les autres variables que nous avons créées, je dois définir la variable. Laissez-moi lui donner une valeur par défaut. Je vais dire que je suis égal à 0. Ça va ? Ensuite, je peux faire appel à la boucle métallique pour interagir avec l'IA. Mais regardez ce nul pendant qu'il court, qu'il court ou qu'il est avocat, Nancy, ce numéro. Cette condition ne va pas arrêter la boucle. C'est donc là que les contrôles conditionnels peuvent être très dangereux. C'est ce que nous appellerons une boucle infinie. boucle infinie est une boucle qui va s'exécuter jusqu'à ce que la condition soit remplie, mais l'opération en cours n'est pas destinée à arrêter la condition. Je vois donc deux points jusqu'à ce que j'aie moins de dix ans, ce que nous avons déjà établi. Voici la même chose, non ? Mais je ne change pas la valeur de I, am, I. Tout ce que je fais c'est dire tant que j'ai moins de dix ans, ce qui le sera pour toujours parce que tout ce que je fais est le journal de la console. Je ne vois pas I plus, plus je ne vois rien. D'accord, donc ça peut écraser les sites Web, applications de plantage, les ordinateurs en général. Vous devez donc être très prudent, en particulier lorsque vous écrivez des applications plus volumineuses sur des boucles contrôlées par condition. Très bien, donc vous devrez peut-être vous retrouver dans, si vous suivez cette commande, vous devrez peut-être vous retrouver dans votre gestionnaire de tâches et terminer toute cette session de navigateur parce qu'elle a gagné ne pas vraiment arrêter de courir. Donc, si je cause un quelconque dommage à votre ordinateur, je vous prie de m'excuser, mais vous pouvez simplement supprimer et redémarrer votre navigateur. Ne vous attachez pas à la console et réessayez. Je pense donc que nous avons retenu la leçon. Et c'est une toute nouvelle fenêtre de navigateur, donc je n'ai absolument aucun historique des leçons précédentes. Reprenons donc à zéro. Donc je suis égal à 0, non ? Bien entendu, nous commençons toujours par définir nos variables. Les variables doivent exister avant de les utiliser. Ensuite, je vais recommencer tant que j'ai moins de dix ans. Ensuite, passez à la ligne suivante, ouvrez et fermez l'espace de mes accolades, tout est fait puis indentez. Bien sûr, assurez-vous que lorsque vous passerez à la ligne suivante, vous ferez Shift et Enter. Si vous finissez par exécuter à nouveau cette boucle, vous devrez arrêter cette session et revenir dans la console. Soyez donc très prudent. Mais ce que je veux faire ici, c'est changer la valeur de i à chaque itération afin que nous puissions être sûrs que la valeur ou la condition sera finalement remplie. Je peux donc utiliser un accumulateur ici où nous avons examiné cela, où nous disons simplement I plus égal à, désolé, un, nous augmentons d'un. Ça va ? Donc je plus égal. N'oubliez pas que ce sera la même chose que ce que je fais ici, c'est écrire ce que nous appellerons un commentaire. Ça va ? Donc je suis égal à I plus un, c'est la même chose que d'écrire ceci. Maintenant, le truc avec un commentaire est que vous pouvez insérer notre commentaire et c'est n'importe où dans votre code où vous pourriez avoir besoin de vous rappeler ce qui se passe là-bas ou pourquoi cela se produit, mais ce n'est pas du vrai code. Ainsi, tout ce qui se trouve derrière ces doubles barres obliques sera ignoré lorsque tout le bloc de code sera exécuté. Mais cela peut conduire à une meilleure lisibilité que ce soit vous-même ou quelqu'un d'autre qui regarde votre code, n'est-ce pas ? Vous pouvez donc prendre l' habitude de le faire, mais nous y reviendrons plus tard. Donc console.log i. Donc, après avoir aimé, j' augmente la valeur de I d'un et vérifie ensuite si je ne suis pas inférieur à dix, ou s'il est toujours inférieur à dix. S'il est toujours inférieur à dix, alors allez-y, courez à nouveau et continuez à faire cette vérification. C'est pourquoi il s'agit d'une boucle de contrôle de condition. Il ne sait pas combien de fois il doit être exécuté. Si j'étais moins dix, il sera moins dix augmenté d'un, moins neuf. Donc, cela ne dit pas que je ne vais courir que dix fois, c'est juste vérifier cette condition. Il peut donc s'agir d'une situation où les valeurs sont imprévisibles. Je ne sais pas quelles valeurs je m'attends à obtenir, non ? Je ne sais pas combien de valeurs il y a, donc je voulais juste courir jusqu'à ce que je sache que je suis satisfait de la condition pour quitter. C'est pourquoi nous l'appelons une boucle contrôlée par condition. Et puis, plus loin, il s'agit d'une boucle contrôlée par condition de pré-vérification. Il vérifie d' abord l'état, non ? Donc vérifions-nous, d'accord, que je modifie la valeur à chaque fois qu'elle passe de 0 parce que nous avons commencé à 0. Jake a dit que c'est 0, puis le journal de la console, puis ça augmente, puis il vérifie à nouveau. Est-ce qu'un est toujours inférieur à dix ? Oui, ça l'est. Ok. L'amour, etc. et puis ça continue et ça continue jusqu'à la fin où cela deviendra dix. Ensuite, il vérifiera et verra que, d'accord, ce n'est plus dix, ce n'est plus moins de dix, alors ne le faites plus. C'est donc à peu près pourquoi il est passé de 0 à dix cette fois, par opposition à la boucle for, qui est passée exactement dix fois. Voyons donc un autre scénario. Et si je commençais à la valeur de dix ? Je vais donc laisser un égal à dix. Ensuite, je vais réexécuter la même boucle. Lorsque je fais cela, appuyez sur Entrée. Remarquez que rien ne s'est passé car je suis déjà pris. Un œil ne vaut pas moins de dix. Donc je n'ai rien à voir avec cette condition est déjà violée. Passez donc à la ligne de code suivante, ou dans notre cas. C'est pourquoi nous l'appelons une boucle de vérification de pré-condition. Ça va ? Non, c'est tout près. Relative est la boucle do-while, qui n'est qu'une version inversée de celle-ci. Celle-ci est appelée boucle de post-vérification parce qu'elle effectue réellement l'action et vérifie ensuite la condition. Ça va ? Je vais donc laisser I à la valeur de dix. Alors remarquez quand j'ai commencé à dix ans, il a vérifié l'état et ça n'a rien fait parce que cette condition a été violée. Allons donc de l'avant. Cependant, si je dis oui, la syntaxe est très similaire. Je dis toujours que c'est dû et ensuite nous voyons ce que nous faisons. Nous ouvrons donc nos accolades. Et puis après cette accolade fermante nous disons « pendant » avec la condition. Faites donc ceci ou ces actions pendant que j'ai moins de dix ans. Mais devinez ce qu'Il va faire avant même de vérifier si a est inférieur à dix. Donc, si je prends la même console, que je me connecte, très bien, et que je la place juste là dans le do-while, nous devrions voir, imprimer la valeur de I au moins une fois. Et puis pas plus parce que je n'ai pas moins de dix ans à ce moment-là, parce que j'ai dix ans. Essayons donc celui-là. Cela se termine par un point-virgule ici. Ça va ? Alors essayons-le. Un, on y va. Nous avons au moins obtenu la valeur dix avant qu'il ne sorte et nous l'avons donné indéfini. Non défini signifie juste que j'ai fini, non ? Courez au moins une fois, alors laissez-moi en faire un. Très bien, alors Essayons de le faire. Donc cette fois, je vais le faire et le faire jusqu'à ce que je me retrouve dans une autre boucle infinie. Alors n'allez pas si loin. Assurez-vous de mettre le I plus égal à un avant d' exécuter ce code. Je vais donc redémarrer ma console. Très bien, j'ai redémarré fenêtre de mon navigateur et j'ai réécrit le code. Remarquez que je l'ai fait en une seule ligne, donc c'est parfaitement légal, mais je suis sûr que vous le regardez et que vous pensez que c'est un peu plus déroutant que ce que cela avait l'air initialement. Oui, c'est légal, mais ce n'est pas très lisible. Bon. C'est pourquoi je continue à suggérer, suggérant de les espacer tous en dense. Très bien. Donc je vais juste le remettre de la même manière que vous en avez l'habitude. Et ce que j'ai fait cette fois, c'est le mélange que j'ai mis sur le I plus un égal. Donc je vous montre juste que si vous n'écrivez pas le code correctement ici et que vous ne le faites pas, et que vous n'avez pas la bonne condition, vous pouvez vous retrouver dans une boucle infinie, qui finira par conduire à un dépassement de mémoire en cas d'erreur sur n'importe quelle machine. Très bien, tu dois faire très attention. Laisse-moi essayer encore une fois. Je n'ai pas fait très attention à la première racine n. C'est pourquoi je vous donne ce conseil. Très bien, commençons par un, directement à la console, la valeur de I, puis il incrémente et vérifie après incrémentation, quelle est la valeur ? C'est 22, c'est toujours moins de dix, alors recommençons. Journal de console. Et puis ça va et ça va et ça va jusqu'à ce que je passe à dix. Ensuite, il vérifie que dix vaut moins de dix. Alors ça dit, OK, c'est fini. Laisse-moi couper juste là. Ce sont des répétitions. Donc, bien sûr, avec de la pratique et plus de visibilité, vous verrez quand les utiliser et en quoi ils sont utiles. Mais je vous encourage à réfléchir à des scénarios que vous voudriez répéter. Des problèmes mathématiques imaginables qui sont manuels et vous pouvez en fait répéter certaines étapes en utilisant notre boucle et aller de l'avant et les ressentir. 7. Fonctions Javascript: Très bien les gars, alors on s'entend bien. Nous apprenons les structures de contrôle de la programmation générale. Mais dans le contexte de JavaScript. Comme je l'ai dit, la plupart de ces connaissances sont en fait transférables. Ainsi, lorsque vous commencez à apprendre d'autres langues, vous vous rendez compte qu'une grande partie de la syntaxe sera identique ou très similaire. Et vous serez en mesure de transférer le fait que, d'accord, je dois prendre une décision ou faire une boucle, etc., à certains moments. Maintenant, nous allons changer vitesse et passer à un autre sujet, qui est un peu plus complexe mais très amusant, très facile à comprendre une fois que vous avez compris. Et c'est ça, les méthodes. Une autre méthode dans n'importe quel langage de programmation est une façon écrire du code une fois mais de le réutiliser souvent, non ? Par exemple, le journal point de la console. C'est bon. C'est une méthode. Pourquoi est-ce que je dis que c'est une méthode ? Parce que c'est une ligne de code qui me permet de transmettre presque n' importe quoi, n'importe quel nombre de fois. Et je n'ai jamais à écrire autre chose que ces deux mots. Donc log est vraiment la méthode et console dit simplement console, qui est cet écran noir dans lequel nous écrivons tout le code nous écrivons tout le code, enregistrez n'importe quel message. Ça va ? Il s'agit donc d'une méthode qui prend une valeur puis exécute une action. Je ne sais pas comment ça fait, n'est-ce pas ? Donc derrière cela, ces deux lignes de code sont ces deux mots dans le code qui semblent si magiques et peuvent même sembler compliqués. Il y a beaucoup plus de complications car cela prend la valeur ici, fait quelque chose qui indique à tout le navigateur qu' il doit présenter ce message à vous, l'utilisateur final, d'une manière particulière. Très bien, c'est pourquoi je dis que nous ne savons pas comment cela fonctionne. Nous savons juste que nous disons console.log et qu'il le fait. Cela rend donc ce bloc de code qui pourrait contenir 102050 lignes de code supplémentaires, très utilisable. Il viendra donc un moment dans le développement de votre application où vous devrez créer des méthodes, n'est-ce pas ? Vous avez cependant beaucoup de méthodes intégrées, parce que vous avez des méthodes qui vous permettent de manipuler des chaînes de caractères, vous avez des méthodes qui vous permettent de manipuler les nombres que vous avez intégré aux mathématiques, etc. Il en existe un certain nombre. Nous pouvons les explorer tous et vraiment, certains d'entre eux que vous n'utiliserez peut-être jamais, et d'autres que vous n'utiliserez que lorsque cela est absolument nécessaire. Mais nous allons voir comment nous pouvons créer nos propres méthodes dans un script Java à nos propres fins. Commençons par écrire notre propre méthode. Et parfois, les méthodes sont appelées fonctions, et vice versa. Chaque fois que vous entendez quelqu'un dire fonction ou méthode, c'est généralement la même chose. Ça va ? Le mot clé est donc fonction, n'est-ce pas ? Donc vous commencez par voir la fonction comme vous le voyez dans le fait que plus de pierres après quand nous allons faire quelque chose, nous avons une déclaration ou une déclaration déclarative, n'est-ce pas ? Voyons voir que je suis sur le point de déclarer une variable. Si déclare que je veux une instruction if, etc. J'ai donc une fonction, je vais dire fonction, puis je vais lui donner un nom. Et si nous voulions une fonction qui ajoute deux nombres ? Are, Commençons par le symbole. Nous voulons une fonction qui imprime toujours hello world. Donc au lieu d'écrire console.log hello world, chaque fois que vous voulez que cela se produise, vous voulez simplement appeler cette méthode et elle affiche simplement Hello World. Je peux donc dire print Hello World. Je vais donc donner un nom à cette fonction. Les fonctions sont caractérisées par leurs parenthèses, qu'elles soient valides ou non, elles ne sont pas facultatives. Après les parenthèses, nous avons des accolades ouvertes et fermées avec le corps de la fonction. Nous écrivons ici tout ce que vous voulez que cette fonction fasse. Comme je l'ai dit, nous restons simples. Je veux un console.log, Hello World. Très bien, je ne veux pas dire bonjour à tout le monde depuis la fonction. Ça va ? Maintenant, imaginez qu'à chaque fois que vous vouliez faire cela, vous deviez écrire cette ligne de code et que vous vouliez qu'elle le fasse à plusieurs endroits dans votre code, vous avez un gros site Web. Vous avez plusieurs endroits où vous souhaitez imprimer un message articulaire. Tu ne veux pas avoir à écrire ça à chaque fois. Et puis si quelque chose change et qu'ils veulent dire bonjour à l'univers, alors si vous avez tous fait 50 fois, vous devez le changer 50 fois. Ainsi, lorsque vous mettez tout cela dans une fonction, vous suffit d'aller dans la fonction et de la modifier. Très bien, laisse-moi, laisse-moi retourner dans Hello World et te montrer. Ainsi, lorsque j'appuie sur Entrée, j'enregistre que cette fonction existe. Maintenant, si je veux imprimer ce message, deux options s'offrent à moi. Je peux l'imprimer manuellement car je ne savais pas qu' une fonction existait. Et autant de fois que je veux il le fasse, qu'il le fasse et qu'il le fasse. Ou je peux simplement appeler print hello world, ouvrir et fermer les parenthèses. Et regarde-moi ça. C'est donc tout ce dont j'ai besoin. C'est ce que vous appelez un appel de fonction. C'est donc la déclaration de la fonction, désolé, définition est la définition ou l'explication de ce qu'est la fonction, son nom, de ce qu'elle doit faire. Et puis c'est l'appel de la fonction, ce qui signifie que je veux que le code à l'intérieur de la fonction se produise à ce stade. Donc, autant de fois que je fais cet appel de fonction, il fera toujours la même chose. Donc je suis juste en train de contrôler et de contrôler V et inter-espacement, non ? Toutes les portes. Chaque fois que tu appelles ça, ça fera la même chose. Donc c'est ce que je voyais autant d'endroits que vous pourriez en avoir besoin sur votre site web, vous avez écrit à un moment donné en JavaScript et il peut simplement utiliser cette méthode sur chaque page, partout où vous voulez disons le PDG ou la pour laquelle vous créez le site Web. J'ai dit, d'accord, on ne veut plus dire bonjour au monde, je voulais dire bonjour à l'univers. Tout ce que vous avez à faire est clair, aller à la définition de la fonction et ce n'est plus imprimer hello world, ce n'est pas print Hello universe. Mais je voudrais nommer ma fonction en fonction de ce qu'elle fait. Je vois donc imprimer Hello World, mais je change cela pour dire Hello universe out. J'ai envie de le renommer pour que si je dois transmettre ce site à mon collègue, ils ne soient pas confus. Pourquoi les impressions Bonjour le monde disent Bonjour l'univers, non ? Vous devez donc toujours garder à l'esprit que le fait de nommer vos fonctions et variables et tout doit toujours refléter à quoi cela sert. Ainsi, lorsque vous partez en vacances à Bali et que vous revenez deux mois plus tard et que vous y regardez en arrière. Vous n'êtes pas confus et vous vous demandez, attendez, pourquoi j'ai fait ça ? Qu'est-ce que c'est que cette aubaine ? Les noms vous le diront, non ? Supposons que j'ai mis à jour cette méthode, que j'en ai changé le nom et que j'ai changé ce qu' elle est censée faire. Non. Partout dans mon code qui a imprimé Hello prints, hello world. Je vais devoir mettre à jour pour dire print universe parce que ce n'est pas quand ce bout de code provoque print hello world. Ça va toujours être le cas, oh, je suis désolée. C'est un peu de désinformation. Permettez-moi de revenir en arrière. Je n'ai pas vraiment supprimé, imprimé hello world, tous Eddie, ceux qui modifient le nom. Et puis il s'agit en fait d'une toute nouvelle fonction. Il y a donc une impression Hello world qui existe toujours. Mais ne vous inquiétez pas si je voulais imprimer Hello universe, je dirais print hello universe. Très bien, et ensuite vous verrez Hello universe depuis Function. Si connu que cela me fait, j'ai deux fonctions qui font deux choses différentes. On imprime Hello World sur des tirages hello universal, où que je veuille faire, non plus. Je peux faire cet appel de fonction, n'est-ce pas ? Donc parce que nous sommes dans notre console et que nous ne sommes pas vraiment en train de modifier un fichier texte. C'est pourquoi la modification de la définition de la fonction comme je l'ai fait, n'a pas supprimé l' autre fonction, mais a simplement ajouté une nouvelle. S'il s'agissait d'un fichier texte, ce serait comme changer de phrase dans ce fichier texte. Une fois que vous avez modifié cette phrase, celle-ci est modifiée pour le reste des documents. Parce que nous ne travaillons pas avec un document, vous verrez plus tard comment cela fonctionne. Mais ce que je veux dire, c'est que nous savons avoir deux fonctions et que nous pouvons simplement appeler l'une ou l'autre. Will. Nous n'avons pas besoin d'écrire cette commande manuellement et de nous demander si c'est l'univers, notre monde, parce que nous savons quand nous appellerons celui-ci imprime Hello universe. À quoi s'attendre ? La même chose de l'impression Hello World. Très bien. Voyons maintenant un autre scénario dans lequel vous voudriez peut-être transmettre une valeur comme avec console.log, nous transmettons une valeur. Je vais appeler cela un paramètre. Le paramètre ressemble à un plan variable pour la fonction. Ensuite, lorsque nous passons, une valeur est stockée dans cette variable et nous pouvons ensuite traiter ce que nous voulons avec cette valeur. Supposons que nous voulions me donner n'importe quel chiffre et j' ajouterai toujours cinq, quelque chose comme ça, ou je vous donnerai une représentation en pourcentage. Ça va ? Donc, si je vois une fonction et voyons calculer le pourcentage de bord, n'est-ce pas ? C'est R. Donne-moi une décimale. Oui. Calculez la décimale Allons-y. C'est calculer la décimale, non ? Donc je divise toujours le chiffre que tu m'as donné par 0. Je peux facilement dire « zéro ». Ou Num. Je vois que crée un appel de fonction, c'est une décimale calculée, et je m'attends à ce qu'un nombre ou valeur appelée num soit transmis. Bon ? Ensuite, de la même façon. La seule différence entre cette fonction et celles que nous avons faites pour l'impression. La seule différence serait que celui-ci prend cette valeur comme paramètre. Ça va ? Mais ce que je peux faire ici, c'est revenir, non ? C'est ce que nous appellerons une fonction de retour de valeur, où elle va faire quelque chose. Et cela est généralement utilisé pour les maths ou certaines manipulations. Vous envoyez donc la valeur d'origine et vous vous attendez à obtenir une valeur de décalage de version manipulée vous vous attendez à obtenir une valeur . Ce que votre fonction ferait est renvoyer la valeur manipulée. Donc je dirais simplement de retourner nombre de fois. 0,01, c'est ça ? Et si mes calculs sont corrects, que c'est juste la représentation de 100 avec des décimales, n'est-ce pas ? Une autre façon de le faire est diviser directement par 100. Cela semble être la même chose. Très bien. Alors, laissons ça point, point un. Donc num divisé par 100, ce qui devrait nous donner la représentation décimale. Je viens donc de déclarer cette nouvelle fonction. Et puis si je l'appelle calculer décimal et passer en étain. Donc cette viande qui passe ça signifie que la valeur que je mets ici sera stockée en num. Donc, il devrait retourner tout ce que je suis en train de manipuler ou quelle que soit la manipulation appliquée à engourdi. Donc quand j'appelle ça, je reçois 0,1. Asseyez-vous. Si je l'appelle à nouveau avec 101, il le fera toujours sans faute. Fais ce calcul pour moi. C'est pourquoi j'ai dit que vous pouvez écrire le code une fois, puis utiliser la fonction autant de fois avec autant d'autres valeurs que nécessaire. Très, très pratique. Donc, quelle que soit la valeur que je transmets, je vais toujours m'en prendre à la représentation décimale. Essayons-en un autre. Et si je disais fonction ? Je vais calculer le produit. Celui-ci est censé prendre deux chiffres. Disons donc num1 et num2. Ça va ? Ensuite, je veux calculer le produit de ces deux nombres. Donc, les produits seraient moi renvoyant la valeur après avoir multiplié num1 et num2. C'est tout ce que nous calculons des produits. Très bien, entrez. Maintenant, nous avons aussi cette fonction, tant de fonctions que je suis en train de créer. Vous n'êtes donc pas limité, ce n'est pas comme si une fonction pouvait exister. Vous pouvez avoir autant de fonctions parce qu' une fois que c'est quelque chose que vous pouvez finir par répéter, vous devez vous assurer que vous avez plusieurs fonctions qui peuvent gérer la situation ici même. Si je dis calculer, pas décimal cette fois mais produit, n'est-ce pas ? Et je lui donne 532. Ensuite, il retournera cinq fois 32 et me donnera la valeur. Ça va ? Et puis si je dis calculer la décimale pour 32, tu me rendras 32. Maintenant regarde ça. Et si je disais, je voulais, je voulais la représentation décimale de cinq fois 32. Très bien, regarde ça maintenant. Je peux appeler « Calculez ça ». Eh bien, parce que le résultat final que je veux est la décimale calculée. À l'intérieur de cela, je peux appeler le produit de calcul parce qu' il va renvoyer une valeur. Je peux donc le traiter comme s'il s'agissait d' un nombre ou d'une variable, non ? Je peux donc dire calculer le produit, puis lui donner le cinq et le 32. Et devine quoi ? 532 seraient les paramètres tels que définis par la fonction de calcul du produit parce que c'est ce que nous avons fait dans la définition. J'ai besoin de deux valeurs pour appeler calculer le produit. Je dois lui donner deux valeurs. Quand cela sera retourné. Cette valeur qui est renvoyée ne servira pas de valeur pour calculer la décimale, que nous définissons pour voir, donnez-moi une valeur et je la stockerai dans cette variable appelée num, puis je vous la rendrai servira pas de valeur pour calculer la décimale, nous définissons pour voir, donnez-moi une valeur et je la stockerai dans cette variable appelée les résultats. Donc c'est juste un gros appel de fonction où je vois, donnez-moi la valeur de ceci. Je vais l'obtenir, aller de l'avant et l' utiliser comme valeur pour cela. Et ce sera juste une chaîne en marguerite. Il répondra donc à cet appel de fonction qui renvoie une valeur, puis il crée cette fonction sur appel et qui renvoie les résultats finaux. Ça va ? Et elle peut faire un certain nombre de choses. Ainsi, lorsque vous renvoyez une valeur, si vous voulez qu'elle soit stockée dans une variable, vous pouvez dire, Laissez la variable b égale à, puis vous dites calculer le produit. Laissez donc la variable b égale à la valeur renvoyée. Vous ne pouvez donc le faire qu' avec les fonctions qui retournent. Je vais donc où le journal de console pour Intel ou Land ou quoi que ce soit d'autre, ça ne va pas le retourner. Il ne reviendra pas. C'est juste une impression. Il met en œuvre une directive, puis se termine. Cependant, celui-ci porte toute la directive et essaie de renvoyer la valeur après. accord, donc quand il renvoie la valeur, vous pouvez toujours l'attraper dans une variable ou, comme nous l'avons vu, nous pouvons la réutiliser de différentes manières, non ? Mais c'est juste un moyen plus rapide de multiplier deux nombres que de l' écrire partout parce que c'est le cas écrire partout , la formule change. Si le prix a été calculé et que chaque prix doit être majoré de 10%, alors vous devez le faire pour chaque produit sur le site Web, ce sera fastidieux. Alors que si vous avez écrit une fonction, vous l' appelez simplement à chaque fois. Si le, si la formule change la semaine prochaine, vous n'avez qu'un seul endroit pour faire face au changement. Vous n'avez pas à vous rendre à chaque endroit où j'ai fait le changement, vous voulez dire le seul changement dans la fonction. Et puis c'est fini. Ça va ? Donc je peux toujours juste dire, donne-moi le produit de 49. Et je ne sais pas si je l'ai souligné tout à l'heure, mais quand vous avez plusieurs valeurs, vous les séparez toujours par des virgules. Avoir valeur1, valeur2, valeur3 virgule jusqu'à n nombre de valeurs que vous pouvez avoir dont vous avez besoin pour cette fonction particulière, n'est-ce pas ? Donc pour cela, je peux calculer le produit d'un seul nombre. J'ai besoin d'un outil minimum. Si j'en voulais trois, je dois juste changer la définition et dire virgule trois, virgule quatre, etc. Donc, quand je fais cela, il calculera un produit, stockera dans le produit variable. Et puis si je fais juste un journal de console ou le même produit, cela me montrera que c'est la valeur à l'intérieur des produits. D'accord, c'est ainsi que fonctionnent les fonctions, et toutes les fonctions peuvent vous faciliter la vie. Très bien. 8. Variables et portée JavaScript: Très bien les gars, nous avons examiné les variables, nous avons examiné les instructions conditionnelles, nous nous sommes penchés sur la répétition et nous avons examiné les fonctions. Bien que nous n'ayons pas discuté, il existe un concept appelé scopes. Avant d'aller plus loin, je voudrais que nous regardions ce que nous voulons dire lorsque nous parlons de portées. Donc, quand je suis dans la fenêtre générale de la console et que je dis qu'un nom de variable soit égal à, puis je lui donne une valeur. Ça va ? Juste un nom. Cette variable existe dans la portée de l'ensemble du navigateur, dans la portée de la fenêtre de console entière. Donc je peux utiliser le nom où je veux, non ? Si je voulais écrire une fonction qui imprime le nom, nom d'impression, la valeur, d'accord. Je n'ai même pas besoin de prendre un paramètre pour cela parce que je peux accéder au nom une fois que le nom existe dans la console, je peux simplement dire journal point de la console et imprimer le nom. C'est ce que nous appellerons une lunette. Donc, ne mélangez pas la portée du nom Globus. Si je dis « print name value », cela imprimera toujours les noms des tests. C'est donc mondial. N'importe quelle fonction, tout peut accéder à besoin. C'est une variable globale. Ça va ? Sachez que si je définis une fonction et que je vois print, c'est une valeur de chaîne. Et je prends une valeur ici. Appelons-le simplement, appelons-le chaîne de test. C'est comme ça que j' appelle cette variable. Il est censé imprimer tout ce qui se trouve à l'intérieur de la chaîne de test. Je vais donc dire chaîne de test du journal de la console. Chaque fois que nous appelons cette fonction, je veux juste afficher la valeur qui était dans la chaîne de test. C'est ma définition. Donc, en appuyant sur Entrée, nous avons maintenant la fonction qui existe. Donc, si je dis print string value, puis je lui donne une valeur comme tester la fonction d'impression. accord, quoi que ce soit, je le dis, laissez-moi obtenir ma fonction d'impression de test rare de fractionnement, donnez-lui une valeur. Appel de fonction. Il imprimera exactement ce que j'ai envoyé. Donc c'est quelque chose comme quelle dose de journal de console, n'est-ce pas ? Lorsque vous envoyez quelque chose à la console, enregistrez-le, imprimez-le sur la console. C'est donc ce que j'ai fait. J'ai créé ma propre fonction où je peux passer n'importe quelle chaîne et elle l' affichera sur la console. Très bien, tu peux y réfléchir. Mais ce que je ne peux pas faire, c'est accéder à la chaîne de test de n' Autre que la fonction. Si j'ai essayé de faire quoi que ce soit avec la chaîne de test par elle-même, si j'ai essayé de consigner cette chaîne en dehors des limites de cette fonction, je vais obtenir cette erreur. C'est ce que nous appellerons encore une fois des scopes. Celui-ci n'est donc pas mondial. La chaîne de test est comprise dans le champ d'application de cette fonction. Donc toute variable déclarée soit dans les paramètres ici, soit elle est déclarée entre accolades de n'importe quelle structure de contrôle, que ce soit if statement, switch, statement, repetition, n'importe quoi. Une fois qu'elle se trouve dans les limites de cette définition de déclaration complète, elle entre dans le champ d'application de cette déclaration. Alors souvenez-vous, quand nous faisons nos répétitions, comme je l'avais fait auparavant, je suis égal à bla et peu importe. Mais ensuite, essayez toujours avec un moment. J'ai dû définir l'œil spécifiquement parce que j'étais unique à la boucle for. C'était donc en fait une évaluation au travail. Je ne l'ai juste pas mentionné cette fois-ci. Très bien, maintenant nous allons comprendre pourquoi j'ai dû revenir en arrière et dire let I égal à 0, puis écrire la boucle while parce que j'ai dû créer une variable globale appelée I à l'époque vu que le while loop pourrait voir que j'existe. Encore une fois, vous pouvez définir variables en dehors de tout le reste, globalement pour le navigateur et globalement pour chaque autre bit de code qui sera écrit. Vous pouvez également définir une variable et l'utiliser dans le cadre d'une structure de contrôle particulière. Ça va ? Je peux donc facilement définir une autre variable ici et dire laissez-moi faire. Permettez-moi donc de modifier cette chaîne de test un peu souple afin que nous sachions que c'est dans le cadre de la fonction. Mais je pourrais facilement craquer, désolé, en enfreignant mes propres règles. Allons-y. Je pourrais donc facilement dire que le suffixe soit égal dans la portée de la fonction. Ça va ? Ensuite, nous allons commencer à mixer et à faire correspondre nos connaissances, parce que nous devenons professionnels. Je vais donc dire que la console enregistre la chaîne qui a été transmise, à droite, plus le suffixe. C'est pourquoi j'ai mis ces deux espaces là. Nous pouvons donc avoir un espace entre les valeurs que je transmets manuellement. Et cela va exister dans le cadre de cette fonction. C'est donc moi qui modifie la définition de notre fonction. J'appuie sur Entrée et puis sur tout ce que je passe dans la valeur de la chaîne d'impression, non ? Si je dis, je suis en train de tester, juste de tester, d'entrer dans la portée de la fonction, non ? Si j'appelle cela, si je lui donne mon nom, ma chaîne, la portée de la fonction, si j'essaie de changer la valeur du suffixe et que je vois suffixe, vous êtes maintenant égal à la portée globale. Voyez que le suffixe est égal à la portée globale. Mais quand je l'imprime , regarde-le. Donc, même s'il a créé une variable appelée suffixe et que, encore une fois appelée suffixe et que, encore une fois, le script Java vous permet de vous en sortir avec beaucoup de cendres qui auraient dû être le suffixe, mais travaillons avec. Donc, même si j'ai défini le suffixe en haut ici avec la portée globale de la chaîne, lorsque j'appelle ma fonction, la valeur qui est là dont nous savons qu'elle provient. Le suffixe est toujours dans la portée de la fonction. Parce que quand j'appelle la fonction ici, je lui ai donné la valeur de la chaîne de test. La chaîne null a donc sa valeur. Ensuite, je définis ma propre version de fonction de cette variable appelée suffixe. Et puis j'ai autorisé la valeur transmise plus ce suffixe. Très bien, c'est donc un exemple actif de la façon dont fonctionne le scoping. Lorsque vous avez des accolades. Tout ce que vous faites à l'intérieur des accolades est limité à ces accolades. Si instruction, fonction pour une boucle, quelle qu'elle soit, si vous avez besoin de nouvelles variables, c'est simplement effectuer cette opération particulière à l'intérieur d'un ensemble d'accolades. N'hésitez pas à le faire parce que cette variable sera limitée à cette structure de contrôle particulière. 9. JavaScript et HTML DOM: Très bien les gars, nous avons donc examiné les scripts de langage Java uniquement dans le contexte et les limites de notre console dans notre navigateur. Regardons-le dans le contexte de la façon dont il pourrait réellement être utilisé, c'est-à-dire pour interagir avec une page HTML normale. Ce que je vais faire, c'est ouvrir une nouvelle fenêtre pour Visual Studio Code. Si vous voulez une nouvelle fenêtre, vous pouvez aller dans Fichier et simplement dans Nouvelle fenêtre. Je ne veux donc pas que nous modifiions le site Web que nous avons créé jusqu'à présent, du moins pas encore. Parce que comme je l'ai dit, JavaScript est quelque chose que l'on utilise quand on en a besoin. Ça ne l'est pas. Oh, je vais l'expérimenter sur mon site web, non ? Mais il est bon de connaître son pouvoir. Ouvrons donc une nouvelle fenêtre, puis créons un nouveau fichier. Et créons un nouveau dossier quelque part. Je vais juste créer un nouveau dossier appelé JS testing. Et c'est celui que nous allons utiliser R Je vais utiliser pour créer le vôtre. Ensuite, je vais créer un nouveau fichier, que nous appelons bien entendu toujours index car c'est le premier fichier. Je vais donc simplement lancer le Boilerplate HTML5. Et je vais créer quelques balises de test. Je vais donc simplement dire tester JavaScript dans une balise p. Ça va ? Nous avons déjà envisagé de nommer nos éléments. Donc on peut avoir comme Id. D'accord, donc tester JavaScript, je vais simplement appeler ça un test d'identification. Et j'appellerai ce script java de test avec des attributs id. Et je vais les donner au même cours. Encore une fois, c'est davantage centré sur JavaScript, pas encore sur l'ensemble du site Web, du moins. Je leur donne donc quelques valeurs. Je vais vous montrer comment vous pouvez interagir avec vos éléments. Quand c'est le cas, quand vous voulez juste les balises p plutôt que vous voulez un élément spécifique avec un ID au lieu un ou plusieurs avec la même classe. la même manière que nous pouvons interagir avec eux en utilisant CSS, nous pouvons cibler l'élément particulier en fonction de son élément entier. étiquette, l'ID ou la classe est très similaire à Hold. Javascript nous permet de cibler ce dont nous avons besoin, quand nous en avons besoin. Très bien, donc je vais rester simple avec tout ça. C'est bon ? Et je vais juste passer en direct, non ? Nous sommes donc vivants. Nous avons notre petite page. Ensuite, lorsque nous cliquons avec le bouton droit et que nous allons dans Inspect just echo, nous pouvons voir nos éléments HTML. Nous pouvons passer à la console et commencer à interagir avec elle. Permettez-moi donc de vider la console et de zoomer un peu. accord, supposons que nous voulions voir toutes les balises p de notre pH. Très bien, il est clair que nous avons quelques pizzas. C'est donc tout ce que nous avons mis sur la page. Le tag P Dao Guan avec un identifiant et une ou plusieurs classes, n'est-ce pas ? Donc, si je veux accéder à quoi que ce soit, je dois dire un document dont vous ne voulez pas. Celui-ci j'ai tapé un document. Il a surligné la page entière. Si tu en as pris note. Bon. Donc le document représente la page sur laquelle vous êtes, n'est-ce pas ? Ensuite, grâce au navigateur, nous avons un tas de fonctions à notre disposition. Comme je l'ai dit, JavaScript est vaste. Je ne peux pas m'asseoir ici et passer revue toutes les choses et ainsi de suite. Ces choses que vous n'utiliserez peut-être jamais ou que vous utiliseriez dans diverses circonstances spécialisées. Donc dans ce cas, je vais aller à get et ensuite nous allons voir que nous avons get element by ID, get back className, get by name, get by tag name et get by tag name. Ennis. Commençons par le nom du tag. Donc, parler avec moi signifie que je veux spécifier quel Todd je cible. Je cible donc les balises p. Regardez-moi ça. Non, ça me montre que j' ai une collection de quatre détails ici. D avec le test id et P2 avec la classe de test. Et puis il voit que le test a ça. C' est comme si c'était une collection c'est ce que nous appellerons un tableau. Plus tard, lorsque nous modifierons notre propre site Web, nous travaillerons avec un tableau. Mais j'amène juste votre prison à ce scénario caractérisé par les accolades carrées, non ? Donc, si j'ai dit d'obtenir les éléments par nom de tag, puis je vais dire let p tags. C'est donc juste la variable b égale à. Ensuite j'appelle ce code. Aucune balise P ne contient donc tous les éléments. Alors je peux appeler pour le test. Je peux appeler, Appelons le test. Et si je voulais changer la valeur de celui-ci afin de ne pas pouvoir appeler de texte intérieur. Whoa, regarde ça. Intellisense. Soit égal à b égal à réinitialiser le texte de la console. Maintenant, observez ce qui va arriver à l'une des balises p. Lorsque j'appuie sur Entrée, nous avons ce texte de réinitialisation de la console afin que je puisse réellement utiliser JavaScript pour le modifier. Souvenez-vous donc que lorsque la page se charge, tout n'est pas statique, elle est là. La seule façon de modifier quelque chose est de revenir dans le code Visual Studio et de le modifier. Mais c'est à ce moment que nous concevons. Et si nous voulions mettre une partie du pouvoir entre les mains de nos utilisateurs ? C'est pourquoi nous écrivons du JavaScript dans notre code pour permettre à ces choses de se produire. Ici, nous voyons réinitialiser le texte de la console. Ça va ? Si nous voulions cibler le plus précis, arrêtez, je vois trop de choses ici. Si je veux qu'il soit précis avec quelles étiquettes pour tout-petits , je peux dire obtenir l'élément par identifiant. Donc, en disant get element by ID, je spécifierais ce nom d'ID, ce qui me permettrait de cibler valeur d' identifiant qu' il y a, n'est-ce pas ? Ou si je veux obtenir ceux avec un nom de classe, je peux dire obtenir des éléments par nom de classe, qui dans ce cas nous donnerait l'outil avec la classe de test, non ? C'était la collection alors qu'ils imprimaient toute la collection. Je peux donc dire que les balises de classe Lit sont égales à puis réutilisent cette commande ou cette instruction. Non, nous avons des étiquettes de nom de classe contenant ces deux-là. Ensuite, à partir de là, nous pouvons voir quelle est la longueur. Nous en avons deux. Nous pouvons voir un certain nombre de choses et nous pouvons même les placer comme une boucle for où nous allons modifier la valeur. Il y a donc un certain nombre de choses que nous pouvons faire et comme je l'ai dit, je ne peux pas les épuiser, mais ce sont des pépites que je partage avec vous car tout le JavaScript lui permet interagir avec page réelle. Ainsi, plus tard, lorsque nous l' ajouterons à notre site Web, nous verrons comment nous pouvons modifier la page actuelle pour mettre des scripts dans tout le week-end, le mettre dans son propre fichier. Et je vais passer en revue certaines des bases avec vous au fur et à mesure que nous ajouterons le JavaScript réel à notre projet de site Web sur lequel nous travaillons. Alors restez à l'écoute. 10. Comment utiliser JavaScript: Bonjour les gars, bon retour. Dans cette leçon, nous allons commencer par examiner JavaScript. Javascript est un autre de ces langages que vous devez vraiment explorer. Mais c'est l'un de ces langages avec lesquels il est vraiment facile de se familiariser et de commencer à comprendre fonctionnement de la programmation en général. JavaScript est donc quelque chose qui est vraiment intégré au navigateur et qui vous permet de modifier en temps réel ce qui est affiché à l'écran, comme nous l' avons vu une fois ou au HTML une fois, ou d'ajouter le CSS, c'est plutôt un set it et on l'oublie. Pendant que le navigateur est en cours d'exécution, il affiche uniquement ce qui n'a pas été écrit. JavaScript nous permet donc de modifier que pendant que la page est UPS après que le Berlin nous a déjà donné notre document HTML, elle nous a montré tout le contenu et le style et tout. Nous ne pouvons rien changer, je l'ai racheté, mais ensuite nous pouvons autoriser Java ou JavaScript ou autre nous permettre de faire des modifications pour que la montre soit affichée. Presque ce sera le cas. Laissez-nous faire quelques expériences ici et voir comment fonctionne JavaScript. La première chose à noter est que nous avons besoin d'un nouveau tag. Et cela se trouve généralement à la fin des étiquettes corporelles. Il ira donc soit à l'intérieur l'étiquette de tête, soit à la fin de l'étiquette du corps. La première raison pour laquelle vous ne le mettez pas dans la balise head est plutôt un rendu. Lorsque la page est affichée, vous voulez que tout soit sur la page, puis vous voulez exécuter le script parce que le navigateur ne le rend pas. Donc, si la balise d'ancrage est la première sur la page, c'est ce qui va apparaître ici en premier. Même chose pour CSS. Le rendu sera toujours de haut en bas. Si vous avez un style de balise p ici, puis que vous descendez ici et lisez un autre style de balise P qui contredit celui ci-dessus, alors il le remplacera en fait. Vous voudrez que tout soit sur votre page avant l'exécution du script, c'est pourquoi nous le plaçons généralement à la fin de la balise body en fonction de la nature du script, il peut fonctionner. Parfois, il peut ne pas fonctionner s'il est placé en haut. Donc je vais juste aller ici, dire script, ouvrir et fermer la balise de script. Très bien, c'est très important. Ensuite, ce que je peux faire, c'est créer une fonction ou me laisser faire la plus simple. Désolée, je voulais lancer une alerte. Une alerte nous permet donc d' afficher un message à l'écran. Donc une fois la page chargée, la page chargée, J est alerte. Très bien, voyons à quoi cela ressemble dans notre navigateur. Si je navigue jusqu'à la page d'index parce que c'est là que je place le script. Il se trouve sur la page d'index et navigue dessus. Regardez cette alerte JS chargée de page. Donc, vous voyez que cela apparaît même avant lui et les ACL, n'est-ce pas ? C'est donc ce que fait cette alerte. Cela nous permet de modifier des choses. Si je mets quelque chose comme un bouton, parce que de manière générale, JavaScript est déclenché en fonction d'un événement. Tu veux qu'il arrive quelque chose quand quelque chose d'autre arrive. Donc, si je mets en place le bouton, disons que le bouton est égal. Et c'est très important parce que les boutons par défaut, les boutons d' envoi, le déclic, qui est l'événement. Je vois donc que lorsque l'on clique sur ce bouton, je voulais appeler une fonction. Je vais dire ButtonClicked. C'est ça, la fonction. Je vais donc dire cliquez sur moi. Très bien, nous avons notre bouton OnClick. Elle est censée appeler ButtonClicked en tant que fonction. Très bien, laissez-moi actualiser cette page et puis voici notre clic sur moi. Quand j'ai cliqué, il ne se passe rien. Si j'inspecte l'élément, vous verrez que je reçois un tas d'erreurs de console parce que ButtonClicked n'est pas défini. Il sait donc qu'il devrait essayer de faire quelque chose en cliquant sur le bouton. Mais ButtonClicked n'est pas défini, il ne sait donc pas quoi faire. Cela dit, OK, je vois que je suis censé faire quelque chose, mais il n'y a aucune indication dans la zone JavaScript. Je peux aller de l'avant et définir cette fonction. Je dirais donc littéralement fonction et le nom de la fonction avec les parenthèses ouvertes et fermantes. Ils sont donc très importants. Et puis à l'intérieur de cette fonction, Voyons voir, j'ai créé ces alertes pour dire, on m'a cliqué. accord, donc nous avons vu que le JavaScript déclenché automatiquement quand nous avons juste mis l'alerte là, il vient de partir, il vient de le faire. Cependant, cette fois, j'essaie de dire qu'il ne se déclenche que lorsque le bouton est cliqué. Donc quand je reviens en arrière, je vais recharger la page. Notez que la page est en train de se recharger. Aucune allergie n'apparaît. Mais quand je clique, je reçois l'alerte, je suis cliqué. C'est donc moi qui superpose le fait d'être dynamique. Et c'est la première étape pour rendre quelque chose de dynamique dans la conception Web à l'aide de JavaScript. Alors cliquez sur moi. Autant de fois que vous le ferez, vous recevrez l'alerte à chaque fois. C'est donc un événement. Très bien, alors commençons, comme on dirait, avec ça. Très bien, voyons ce que nous pouvons changer sur la page elle-même lorsque vous cliquez sur le bouton. Et si je voulais modifier le texte de l'une de ces balises lorsque l'on clique sur le bouton ? Alors cliquez sur moi pour changer de texte ou autre, laissez-moi créer un autre bouton. Alors cliquez sur moi. Et puis je suis allé voir pour changer de texte. Donc, je peux en avoir plusieurs, alors ButtonClicked bouton pour changer de texte, cliquez sur. Très bien. C'est donc une autre fonction que je veux, autant de fonctions que je dois créer, je peux les remplir. Donc, fonctionnez pour le clic sur moi, puis ayez une fonction pour changer de prise lorsque vous cliquez dessus. Qu'est-ce que je vais changer ? Disons que je voulais changer le texte de cette balise P pour P pour, je voulais changer celui qui colle pour voir, m'a cliqué dessus. Ce sont, c'est du texte JavaScript. Ça va ? Premièrement, je dois être capable de le cibler. J'ai donc besoin de savoir par carte d'identité. J'ai donc voulu lui donner un identifiant pour voir les cibles. Très bien, rien d'amusant à cibler juste le tag. Souvenez-vous que je disais que les Dawn ont deux éléments avec le même identifiant sur la même page car cela peut entraîner des problèmes. Voici donc la pièce a. Lorsque je veux obtenir l' élément par ID, je suis tiré s'il en voit deux, trois ou deux ou plus, il ne sait pas lequel cible vraiment. Donc ça ne marchera tout simplement pas. Très bien, donc nous pouvons tester ce qui vit autour de nous. Mais maintenant je vais cibler ce tag P et dire tag cible. Et puis dans cette version bêta sont dans cette fonction plutôt je vais dire des documents. Document signifie que sur cette page, je veux obtenir l'élément par ID. Donc vous voyez tous ces éléments que vous pouvez obtenir par nom de tag, nous pouvons obtenir par nom. Vous pouvez obtenir par nom de classe, classe étant alors égale à ce que vous voulez que cela affecte plusieurs, puis vous pouvez obtenir par nom de classe et obtenir par inflammation, et nous obtiendrons toutes ces balises p. Ou vous pouvez obtenir par carte d'identité, c'est-à-dire celle spécifique, non ? Donc, récupérez l'élément par ID. Et puis à l'intérieur des parenthèses, vous avez des guillemets ouverts et fermés. Ensuite, vous entrez le nom ou la valeur id. Donc le tag cible est l'identifiant, n'est-ce pas ? Ensuite, je vais dire ce que je veux modifier. Je veux modifier le problème HTML interne mélamine ce qui se trouve à l'intérieur de cette balise. Donc, le code HTML interne ici va être égal à, je voulais dire le texte du script Java. Très bien, voyons ce que tout cela va me donner de l'audace supplémentaire. Et n'oubliez pas que nous ciblons, regardez ce texte JavaScript. Click Me fonctionne toujours. Tout fonctionne bien. En cliquant dessus, vous voudrez toujours le remplacer des prises JavaScript en fonction de ce que nous avons écrit. Mais si je rafraîchis la page, je vais toujours refaire le document HTML d'origine parce que c'est ce qu'il sait. Une fois que je clique à nouveau, il le changera à la volée, mais il ne le changera pas façon permanente via le site Web. C'est tout ce que ça change dans le contexte de mon navigateur. En un mot, c'est ce que propose javascript. Il y a beaucoup plus à faire parce que vous avez des instructions if, des boucles, un certain nombre de choses que vous pouvez faire, mais le contexte détermine ce que vous devez faire. Et JavaScript, pour être honnête, est l'une de ces choses qu'il est bon d'avoir des connaissances de base. Mais vous ne finirez pas par l' utiliser tant que vous ne serez pas confronté à une situation où les alternatives ne seront peut-être pas aussi favorables. Je ne vais donc pas perdre de temps à explorer tous les aspects de cette langue. Je ne fais que vous montrer un tout. Il vous aide à modifier le code HTML déjà saisi. Tu es stupide. C'est comme ça que ça s'appelle, non ? Vous pouvez donc simplement ajouter ce champ dynamique à votre site Web. Non, il peut arriver que vous souhaitiez exécuter le même type de script sur. Plusieurs pages, couraient dans le même genre de territoire, comme avec notre CSS lorsque nous ajoutons notre CSS dans la zone de tête et que nous voulions qu'il soit sur plusieurs pages où le mettre dans un fichier. C'est donc là que nous allons passer ensuite. Nous voulons que notre script soit dans un fichier pour lui-même. Je vais donc ajouter un nouveau fichier, explorateur ou torr, ou explorateur de fichiers. Et je vais appeler ça un script duct, et notre nouvelle extension est js. Notez donc que le code Visual Studio vous donnera toujours quelques indicateurs. Ils peuvent savoir quel type de fichier vous traitez avec des menaces dans un fichier JS. Nous n'avons pas besoin des balises de script. Tout ce dont nous avons besoin, c'est de la syntaxe JavaScript brute, non ? Donc script.js, et il y aura juste ces fonctions. Donc, de retour dans le fichier HTML ou une balise de script saura que cela ressemble à ce script open and close. Celui-ci ne se ferme malheureusement pas d'elle-même. Il est livré avec un attribut appelé SRC qui me permet de référencer le fichier script.js. Ensuite, je peux prendre ceci et l' appliquer à chaque bit. Alors contactez également en tant que bouton, voyons, Contactez-nous. Bouton au clic. Je veux qu'il dise qu'il s'agit d'une alerte ou que l'on clique plutôt sur moi, non ? ButtonClicked doit donc être appelé sur le bouton de contact, incluez également le script. Et puis j'ai ce type d'entrée, submit, mais ça me donne un bouton. Mais devine quoi ? Je peux le dire ? Onclick. Onclick, je veux que vous appeliez Je suis désolé, j'ai oublié les noms des fonctions, donc OnClick, je voulais appeler ButtonClicked. Très bien, voyons comment cela va fonctionner. Donc je sais que sur ma page d'accueil je me suis discrète il va appeler l'alerte. C'est très bien ça. Toujours sur la page Contactez-nous, j'ai ce bouton qui, lorsqu'il est cliqué, provoque la même fonction. Nous pouvons donc rendre le JavaScript réutilisable sur plusieurs pages. Vous avez JavaScript qui doit s' appliquer à plusieurs endroits. Tu fais ça. Ensuite, il poursuivra son fonctionnement comme il le ferait normalement. JavaScript est donc partageable et il peut aller dans son propre fichier. Maintenant, une chose que je vais montrer et ensuite nous pouvons clore ça pour l'instant c'est ce qui se passe quand on commence à mélanger rapidement. Parce que vous voyez ici, nous avons des images, un seul endroit, nous avons des fichiers CSS, JavaScript, nous avons des fichiers HTML. D'une manière générale, je n'aime pas voir les fichiers mélangés appliquer que chaque fichier devrait être une section insuline. Les fichiers HTML sont les plus importants, ils doivent donc se trouver dans le dossier racine, mais les autres doivent être séparés car vous pouvez vous retrouver avec plusieurs CSS. Passons plusieurs images pour votre site web, plusieurs fichiers de script, etc. Je vais donc les séparer. J'ai donc créé un dossier appelé CSS. Vous avez donc le fichier Nouveau fichier et Nouveau dossier, Nouveau fichier et Nouveau dossier, ou vous pouvez cliquer avec le bouton droit de la souris et dire Nouveau dossier. Je crée un dossier pour JS ou JavaScript. Ensuite, j'en crée une autre pour les images. Je vais juste appeler ça IMG. Et attention car il venait de créer l'AMG sous le dossier JS. Alors laisse-moi, laisse-moi refaire celle-là. Donc, assurez-vous de ne sélectionner aucun autre fichier ou dossier lors de la création. Et puis IMG, on y va. Je peux donc déplacer le script vers le JSON. Je fais juste du glisser-déposer. Oui, je reçois le mouvement rapide. Bien sûr. Je vais cependant déplacer ce CSS ici. Demandez-moi à nouveau, déplacez-vous et ensuite l'image ou les images peuvent y entrer. Maintenant, ça a l'air un peu plus soigné, non ? Je sais où se trouvent mes fichiers HTML et autant d' images que j'en ai, elles sont toutes dans un dossier, tous les fichiers CSS dans un seul dossier, etc. Mais regardez ce qui arrive au site Web. Non. Tout est redevenu normal. La cuisine ne fonctionne pas. Ils ne le font pas. Les images ont disparu, tout a disparu. Pourquoi ? Parce que nous déplaçons les emplacements des fichiers. C'est une autre chose dont je me souviens. Je l'ai toujours dit parce qu'ils étaient au même niveau. On peut toujours les appeler par leur nom. Non, ils sont dans un autre dossier. Donc, ce que je dois faire, c'est appeler le dossier, puis passer au rapide. Donc, pour ces feuilles de style, le dossier est appelé CSS après que HF soit CSS slash styles. Ensuite, pour la page Contactez-nous, elle sait maintenant où trouver les feuilles de style, c'est ça. s'agit donc d'une mise à jour rapide que nous devons apporter à chaque page. Donc toutes les feuilles de style ou le style CSS, je veux dire, il suffit de monter et de modifier cela. Bon ? Toutes les pages connues ou qu'elles doivent aller dans le dossier CSS pour récupérer les feuilles de style. Très bien, même chose pour les JavaScript. Notez qu'aucun clic ne fonctionne. Le fichier JavaScript connaît donc les scripts slash js. Bon ? Donc j'y vais, je récupère le fichier essentiel et je le mets à jour dans toutes les références. Et une fois que c'est fait, le clic fonctionne à nouveau. est ce qu'on appelle des chemins relatifs, non ? Vous voulez toujours conserver vos chemins relatifs au fichier selon ces tendances, accédez aux autres fichiers. La page Contactez-nous est donc cette racine, mais elle doit ensuite aller dans js pour accéder au script. Très bien, c'est donc une autre règle empirique importante. Pareil pour les images sur leur bateau. Ce n'est pas une barre oblique IMG, non ? Je les supprime donc et je vais simplement dupliquer celui-ci autant de fois , puis la commande est rétablie. C'est donc juste un autre principe que j'ai pensé intégrer à mesure que la variété des fichiers commence à croître dans votre projet web, vous devez vous assurer que vous les séparez avec délimitation afin que vous sachiez exactement où trouver quoi et comment.