Différences
Ci-dessous, les différences entre deux révisions de la page.
Les deux révisions précédentes Révision précédente Prochaine révision | Révision précédente | ||
web:javascript:position [2021/06/19 10:56] – phil | web:javascript:position [2021/08/11 10:54] (Version actuelle) – phil | ||
---|---|---|---|
Ligne 1: | Ligne 1: | ||
+ | [[web: | ||
+ | |||
+ | ==== Où intégrer le code JavaScript ? ==== | ||
+ | |||
+ | [Mise à jour le 19/6/2021] | ||
+ | |||
+ | * **Sources** : < | ||
+ | |||
+ | ---- | ||
+ | |||
+ | === 1. Dans une page HTML === | ||
+ | < | ||
+ | |||
+ | //Exemple// : Hello World | ||
+ | <code javascript *.js> | ||
+ | < | ||
+ | < | ||
+ | |||
+ | < | ||
+ | <meta charset=" | ||
+ | < | ||
+ | </ | ||
+ | |||
+ | < | ||
+ | <p id=" | ||
+ | < | ||
+ | <script type=" | ||
+ | document.getElementById(" | ||
+ | </ | ||
+ | </ | ||
+ | |||
+ | </ | ||
+ | </ | ||
+ | |||
+ | <note important> | ||
+ | |||
+ | === 2. Dans un tag HTML === | ||
+ | < | ||
+ | |||
+ | // Exemple 1 // : on compte les clics sur un bouton ! | ||
+ | <code javascript *.js> | ||
+ | < | ||
+ | < | ||
+ | |||
+ | < | ||
+ | <meta charset=" | ||
+ | < | ||
+ | </ | ||
+ | |||
+ | < | ||
+ | <button onclick=" | ||
+ | </ | ||
+ | |||
+ | </ | ||
+ | </ | ||
+ | |||
+ | {{ : | ||
+ | // Exemple 2 // : le compteur de l' | ||
+ | <code javascript *.js> | ||
+ | < | ||
+ | < | ||
+ | |||
+ | < | ||
+ | <meta charset=" | ||
+ | < | ||
+ | </ | ||
+ | |||
+ | < | ||
+ | Compteur : <span id=" | ||
+ | <br> | ||
+ | <button onclick=" | ||
+ | </ | ||
+ | |||
+ | <script type=" | ||
+ | var cmpt = 0; | ||
+ | function compteur() { | ||
+ | cmpt += 1; | ||
+ | document.getElementById(" | ||
+ | } | ||
+ | </ | ||
+ | |||
+ | </ | ||
+ | </ | ||
+ | |||
+ | === 3. Dans un fichier externe === | ||
+ | < | ||
+ | |||
+ | //Exemple// : la fonction compteur est placée dans un fichier script.js | ||
+ | {{ : | ||
+ | <code javascript *.js> | ||
+ | var cmpt = 0; | ||
+ | function compteur() { | ||
+ | cmpt = cmpt + 1; | ||
+ | document.getElementById(" | ||
+ | } | ||
+ | </ | ||
+ | |||
+ | Cette fonction est intégrée au code HTML avec l' | ||
+ | |||
+ | <code html *.html> | ||
+ | < | ||
+ | < | ||
+ | |||
+ | < | ||
+ | <meta charset=" | ||
+ | < | ||
+ | </ | ||
+ | |||
+ | < | ||
+ | Compteur : <span id=" | ||
+ | <br> | ||
+ | <button onclick=" | ||
+ | </ | ||
+ | |||
+ | <script type=" | ||
+ | |||
+ | </ | ||
+ | </ | ||
+ | |||
+ | <note tip> | ||