JS (1/5) — Introduction
Last updated
Was this helpful?
Last updated
Was this helpful?
Savoir créer, intégrer et appeler du code JavaScript dans sa page
Un très bien fait.
Un script JS peut prendre deux formes : écrit dans une page HTML ou écrit dans un fichier à côté (xyz.js
).
Pour intégrer un script directement dans une page HTML
Pour intégrer un script dans une page via un fichier .js
`
Créer une page HTML simple, où vous affichez une alerte (alert("Number One")
) dès que la page est prête.
Remplacer l'affichage de l'alerte par un fichier javascript qui effectue la même chose.
Créer deux autres fichiers .js
avec comme contenu, respectivement, alert("Number Two")
et alert("Number Zero")
; intégrer les à votre page
Ordonner les correctements pour avoir l'ordre des alertes suivants : 2 > 1 > 0.
Vos fichiers .js
de la section précédente s'exécutent directement, sans contrôle et possibilité de les rappeler. Néanmoins, une fois inclus dans votre page, ils sont connus des autres scripts subséquents.
Vous pouvez entourer vos alertes par le mot clef fonction
Vous pouvez aussi déclarer des variables qui, si elles sont dans le scope global de votre script, seront visibles par les scripts chargés après.
Entourez au moins une de vos alertes par une fonction ; que remarquez vous ?
Comment alors appeler le code contenu dans vos fonctions ?
En supposant que vous avez toujours vos trois fichiers scripts qui se chargent dans l'ordre 2 > 1 > 0, dans le premier script créer une variable let maVar1 = 2;
, dans le deuxième script créer une variable let maVar2 = 1
et dans le troisième écrire l'instruction alert(maVar2 - maVar1)
. Que constatez-vous ?
JavaScript requiert que vous codiez PROPREMENT ! C'est un langage de script qui interprète beaucoup de chose... Donc faites attention et soyez discipliné !
Bonnes pratiques :
toujours un point virgule à la fin de vos instructions
toujours utiliser des fichiers js plutôt que des instructions "plain text"
Le sens dans lequel vous chargez vos fichiers compte, et peut avoir une incidence très forte sur le temps de chargement de votre page. Plus d'info . `
Un , ou un autre :
toujours utiliser "use strict";
au début de tous vos script js
()