Nous allons maintenant étudier une structure fondamentale en programmation le « si …... alors.......sinon........».

L'idée de base est la suivante :

si (condition) {
 suite_instruction1
}
sinon {
 suite_instruction2
}
			

Comment cela fonctionne-t-il ?

Si « condition » est true alors « suite_instruction1 » est exécuté et « suite_instruction2 » est ignoré sinon (sous-entendu que « condition » est false) « suite_instruction2 » est exécuté et « suite_instruction1 » est ignoré

Notez l'utilisation de 2 éléments nouveaux :

• les accolades : elles permettent de définir des blocs d'instructions : si « suite_instruction1 » est composé de plusieurs lignes, toutes les lignes situées entre l'accolade ouvrante et l'accolade fermante seront exécutées si, bien évidemment, « condition » renvoie true.
• Le décalage de «suite_instruction1» et de « suite_instruction2» : ce décalage est appelé indentation, il permet de rendre le code plus lisible. Il n'est pas obligatoire en JavaScript, mais fortement conseillé.

À faire vous même 8.1

Soit le programme suivant :

var a=4;
var b=7;
if (a<b){
 document.write('Je suis toto.');
 document.write( '<br/>');
 document.write( "Je n'aime pas titi.");
}
else {
 document.write( 'Je suis titi.');
 document.write('<br/>');
 document.write( "Je n'aime pas toto.");
}
document.write('<br/>');
document.write( "En revanche, j'aime le JavaScript.");
			

Notez la présence des guillemets " à la place de l'apostrophe '. Pourquoi d'après vous ?

Quel est le résultat attendu après l’exécution de ce programme ? Vérifiez votre réponse à l'aide de JSFIDDLE.

---

À faire vous même 8.2

Écrire un programme qui demande l'âge de l'utilisateur. Si l'utilisateur a 18 ans ou plus, le programme devra afficher « Bonjour, vous êtes majeur.». Si l'utilisateur a moins de 18 ans, le programme devra afficher « Bonjour, tu es mineur.»

---

Un if peut contenir plusieurs conditions, nous aurons alors une structure de la forme :

si (condition1 op_logique condition2 ) {
 suite_instruction1
}
sinon {
 suite_instruction2
}
			

« op_logique » étant un opérateur logique.

Nous allons étudier 2 opérateurs logiques : le «ou» (noté en JavaScript ||) et le «et» (noté en JavaScript &&)

Par exemple (condition1 || condition2) est vrai si condition1 est vrai ou condition2 est vrai

Autre exemple (condition1 && condition2) est faux si condition1 est vrai et condition2 est faux

Les résultats peuvent être regroupés dans ce que l'on appelle une table de vérité :

table de vérité pour le ou

condition1	condition2	condition1 || condition2
vrai	vrai	vrai
vrai	faux	vrai
faux	vrai	vrai
faux	faux	faux

table de vérité pour le et

condition1	condition2	condition1 && condition2
vrai	vrai	vrai
vrai	faux	faux
faux	vrai	faux
faux	faux	faux

Nous aurons l'occasion d'utiliser ces opérateurs logiques dans la prochaine activité.