Exemple
var x, y, z; // Déclaration 1
x = 5; // Déclaration 2
y = 6; // Déclaration 3
z = x + y; // Déclaration 4
Essayez-le vous-même
Programmes JavaScript
Un programme informatique est une liste d ‘ »instructions » à « exécuter » par un ordinateur.
Dans un langage de programmation, ces instructions de programmation sont appelées instructions .
Un programme JavaScript est une liste d’ instructions de programmation .
En HTML, les programmes JavaScript sont exécutés par le navigateur Web.
Déclarations JavaScript
Les instructions JavaScript sont composées de:
Valeurs, opérateurs, expressions, mots clés et commentaires.
Cette instruction indique au navigateur d’écrire «Bonjour Dolly». à l’intérieur d’un élément HTML avec id = « demo »:
Exemple
document.getElementById(« demo »).innerHTML = « Bonjour. »;
La plupart des programmes JavaScript contiennent de nombreuses instructions JavaScript.
Les instructions sont exécutées une par une dans le même ordre qu’elles sont écrites.
Les programmes JavaScript (et les instructions JavaScript) sont souvent appelés code JavaScript.
Point-virgule;
Les points-virgules séparent les instructions JavaScript.
Ajoutez un point-virgule à la fin de chaque instruction exécutable:
var a, b, c; // Déclare 3 variables
a = 5; // Assigne la valeur 5 à a
b = 6; // Assigne la valeur 6 à b
c = a + b; // Assigne la somme de a et de b à c
Essayez-le vous-même
Lorsqu’elles sont séparées par des points-virgules, plusieurs instructions sur une seule ligne sont autorisées:
a = 5; b = 6; c = a + b;
Sur le Web, vous pouvez voir des exemples sans point-virgule.
La fin des instructions avec un point-virgule n’est pas obligatoire, mais fortement recommandée.
Espace blanc JavaScript
JavaScript ignore plusieurs espaces. Vous pouvez ajouter un espace blanc à votre script pour le rendre plus lisible.
Les lignes suivantes sont équivalentes:
var person = « Hege »;
var person= »Hege »;
Une bonne pratique consiste à mettre des espaces autour des opérateurs (= + – * /):
var x = y + z;
Longueur de ligne JavaScript et sauts de ligne
Pour une meilleure lisibilité, les programmeurs aiment souvent éviter les lignes de code de plus de 80 caractères.
Si une instruction JavaScript ne tient pas sur une seule ligne, le meilleur endroit pour la casser est après un opérateur:
Exemple
document.getElementById(« demo »).innerHTML =
« Bonjour! »;
Blocs de code JavaScript
Les instructions JavaScript peuvent être regroupées dans des blocs de code, entre crochets {…}.
Le but des blocs de code est de définir des instructions à exécuter ensemble.
Un endroit où vous trouverez des instructions regroupées en blocs est dans les fonctions JavaScript:
Exemple
function myFunction() {
document.getElementById(« demo1 »).innerHTML = « Bonjour! »;
document.getElementById(« demo2 »).innerHTML = « Comment allez-vous? »;
}
Essayez-le vous-même
Dans ce tutoriel, nous utilisons 2 espaces d’indentation pour les blocs de code.
Vous en apprendrez plus sur les fonctions plus loin dans ce didacticiel.