Outils pour utilisateurs

Outils du site


javascript:les_conditions

Les conditions


Les structures conditionnelles permettent de tester si une expression est vraie (true) ou fausse (false) et d'exécuter des instructions différentes selon le résultat.

Organigramme

L'instruction if

La syntaxe de cette structure est la suivante :

if (condition) {
		// instructions exécutées quand la condition est vraie
}

On peut traduire cette instruction par : “Si la condition est vraie, alors exécute les instructions contenues entre les accolades”.

Opérateur Signification
== Egal à
!= Différent de
> Supérieur à
>= Supérieur ou égal à
< Inférieur à
< = Inférieur ou égal à

Une condition est une expression dont l'évaluation produit une valeur soit vraie (true), soit fausse (false) : on parle de valeur booléenne.

On peut créer des expressions booléennes en utilisant les opérateurs de comparaison regroupés dans le tableau ci-contre :

Ne pas confondre le signe “=” avec “==” .
=” permet d'affecter une valeur à une variable. Exemple : nombreDeVie = 5.
==” permet de tester si deux valeurs sont égales et il renvoie un booléen true/false comme résultat.

L'instruction else

Organigramme

L'instruction if peut être complétée par l'instruction else pour exprimer une alternative. Voici sa syntaxe.

if (condition) {
		// instructions exécutées quand la condition est vraie
}
else {
		// instructions exécutées quand la condition est fausse
}

On peut traduire une instruction if/else comme ceci : “Si la condition est vraie, alors exécute les instructions du bloc de code associé au if, sinon exécute celles du bloc de code associé au else”.

A faire vous-même 1 JSFiddle
Dans JSFiddle, écrire un script qui fasse saisir un nombre à l'utilisateur, puis qui affiche un message qui indique si ce nombre est positif ou négatif.
A faire vous-même 2 JSFiddle
Dans le script précédent, que se passe-t-il si l’utilisateur saisit la valeur zéro ?
Modifier le script pour éviter ce problème.


Les conditions ET et OU

Il est possible de définir plusieurs conditions à remplir avec les opérateurs ET et OU (&& et ||).

Exemple 1 : L'instruction suivante par exemple teste si les deux conditions sont réalisées :

if (condition1 && condition2){
		// instructions exécutées quand les deux conditions sont vraies
}

Exemple 2 : L'instruction suivante exécutera les instructions si l'une ou l'autre des deux conditions est réalisée :

if (condition1 || condition2){
		// instructions exécutées si l'une ou l'autre des deux conditions est vraie
}


A faire vous-même 3 JSFiddle
Ecrire un script demandant à l’utilisateur de saisir son âge. Contrôler alors sa validité (l’âge doit être compris entre 0 et 120 ans). Si l’âge est erroné afficher un message d’erreur sinon, selon l'âge, afficher le message “Vous êtes mineur” ou “vous êtes majeur”.


Application possible dans votre jeu vidéo

A faire vous-même 4 …Mes documents/icn/jeuvideo/js/script.js
Imaginons un sprite (personnage, projectile…) se déplaçant horizontalement de gauche à droite de l'écran. Lorsque le sprite arrive complètement à droite de l'écran, il doit réapparaitre à gauche et reprendre son mouvement.
Ecrire le script correspondant à cette situation.


A faire vous-même 5 …Mes documents/icn/jeuvideo/js/script.js
Modifier le script précédent pour que lorsque le sprite arrive complètement à droite de l'écran, le mouvement se fasse de droite à gauche. Et ainsi de suite. Le sprite semble rebondir sur les côtés de l'écran.
Aide : Il faut créer une variable qu'on appellera “deplacement”. Elle prendra pour valeurs +2 pour aller de gauche à droite et -2 pour aller de droite à gauche.
javascript/les_conditions.txt · Dernière modification: 15/08/2019 12:19 par Stéphane LAURENT