1er Programme, Instructions et variables

JavaScript ..le bras droit d'HTML

<<Page précédente

Table des Matières

Page suivante>>

INTERNET Construction de Pages Web

Le Test ( if ..else )

Le Test if ... else Rappel : en Anglais ( if signifie si et else signifie sinon ). Cette instruction permet de réaliser une ou plusieurs instructions si la condition testée est VRAIE ( true ).
Si la condition testée est FAUSSE ( false ) le mot clé else permet d’éxécuter une ou plusieurs instructions.

Sa syntaxe :

if ( condition testée )

{ instructions exécutées si condition VRAIE }

else

{ instructions exécutées si condition FAUSSE }

Voyons quelques exemples :

On n'utilise pas le mot clé else :

if (X >Y ) X=Y ; //si X > Y alors X=Y

On n’utilise toujours pas le mot clé else :

if (X > Y )   //si X > Y alors on ouvre un bloc
   { X ++ ;
     alert("Attention X a dépassé Y !");
   }

On utilise le mot clé else :

if (X == Y) mes = "Egalité des 2 membres !" ;

//si X est égal à Y alors la chaine de caractères est affectée à la variable mes

//ATTENTION la condition testant une égalité utilise le double signe égal et surtout pas le simple!!!

else mes = "Les 2 membres sont différents" ;

//donc si X n’est pas égal à Y alors la variable mes se voit affectée une autre chaine

On utilise le mot clé else et des blocs d’ instructions dans les 2 cas ( VRAI ou FAUX ) :

if (Bidon == "Essai")
//si la variable Bidon contient la chaine ‘Essai’   alors on exécute le 1er bloc
    {         //1er Bloc
     mes = "Egalité des 2 membres !");
     alert(mes);
    }
   else { //2ème Bloc

            Bidon = "Test";
            X--;
        }

Le Test if …else peut,dans certains cas, utiliser une autre forme de syntaxe :

Par exemple , au lieu d’écrire :

if ( Toto > titi ) X = 5 ; else X = 3;

On peut écrire :

X = (Toto > titi) ? 5 : 3 ;

Cette syntaxe , très compacte, s’utilise dans le cas ou une variable peut recevoir 2 valeurs différentes suivant l’état VRAI ou FAUX de la condition.
Par exemple on aurait pû l’utiliser encore ainsi :

Flag = (X > 80) ? true : false ;

Ici Flag est une variable de type Booléen qui devient VRAI si X > 80 …sinon Flag sera FAUX.

Ce type de syntaxe s’appelle aussi l’Opérateur Conditionnel.

Les instructions if…else peuvent être imbriquées

Par exemple :

if ( X < Y )

{

toto = 6;

if ( Z == 0 )

{ M=N;

alert(‘X est plus petit que Y et Z est nul!’);

}else N=M;

//ce else appartient au dernier if cité

}else alert(‘X n’est pas plus petit que Y ‘);

Conseils et Remarques

N’oubliez pas de doubler le signe égal si la condition testée est une égalité..Rappelez vous que le signe égal sert à affecter une valeur à une variable alors que le double signe égal à comparer.
N’oubliez pas les accolades pour former des blocs d’instructions si plusieurs instructions doivent être exécutées dans le cas où la condition est VRAIE ou FAUSSE.
Alignez soigneusement vos accolades afin de rendre plus clair et plus lisible votre code JavaScript.

Exercice n°3

Essayez de simplifier cette écriture en conservant sa fonctionalité :

if (x > 5)

if ( x < 10 )

if (y == 30)

Alert("Le cas crucial est atteint !");

Vérification des Résultats : ne trichez pas..!

Exercice n°4

Supposons que , au cours de la saisie d’un Formulaire :
La variable Age ait pû prendre les valeurs numériques : 15 à 90
La variable Sexe ait pû prendre les valeurs : ‘M’ ou ‘F’
Complètez le code JavaScript ci-dessous :

if (____________________________________)
document.write(‘Monsieur, vous avez entre 30 et 40 ans’);
else
if (____________________________________)
document.write(‘Madame,Mademoiselle, vous avez entre 20 et 30 ans’);

Vérification des Résultats : ne trichez pas..!

Suite ou 2ème volet de l’Exercice ci-dessus :
Supposons maintenant, que l’on veuille sélectionner , grâce à ce formulaire, uniquement les Hommes de 21 à 30 ans ainsi que les Femmes de 18 à 30 ans …

if (_______________________________________________)
document.write(‘Monsieur ou Madame vous avez bien été sélectionné(e)’);

Vérification des Résultats : ne trichez pas..!

Conseil :
Enoncez clairement et à haute voix , en l’écrivant sur papier , l’ensemble de la condition .

<<Page précédente

Table des Matières

Page suivante>>