Retour d'un niveau
Retour à l'accueil
La structure if pour dire « si »
Nous arrivons à obtenir un résultat sous forme de booléen, mais c'est tout. Maintenant, il serait bien que ce résultat puisse influer sur l'exécution de votre code. Nous allons tout de suite entrer dans le vif du sujet avec un exemple très simple :
if (true) // condition { alert("Ce message s'est bien affiché."); // instruction } if (false) { alert("Pas la peine d'insister, ce message ne s'affichera pas."); }
Vu que nos opérateurs conditionnels renvoient des booléens, nous allons donc pouvoir les utiliser directement dans nos conditions :
if (2 < 8 && 8 >= 4) { // Cette condition renvoie « true », le code est donc exécuté alert('La condition est bien vérifiée.'); } if (2 > 8 || 8 <= 4) { // Cette condition renvoie « false », le code n'est donc pas exécuté alert("La condition n'est pas vérifiée mais vous ne le saurez pas vu que ce code ne s'exécute pas."); }
Petit intermède : la fonction confirm()
Son utilisation est simple : on lui passe en paramètre une chaîne de caractères qui sera affichée à l'écran et elle retourne un booléen en fonction de l'action de l'utilisateur ; vous allez comprendre en essayant :
if (confirm('Voulez-vous exécuter le code JavaScript de cette page ?')) { alert('Le code a bien été exécuté !'); }
Une boîte de dialogue s'affiche et il y a deux boutons, “OK” et “Annuler“
Si on répond “OK” il renverra true sinon si on clic sur “Annuler” il renverra false.
La structure else pour dire « sinon »
Permet d'exécuter un code suite à la vérification d'une condition et exécuter un autre code si elle n'est pas vérifiée.
if (confirm('Pour accéder à ce site vous devez avoir 18 ans ou plus, cliquez sur "OK" si c\'est le cas.')) { alert('Vous allez être redirigé vers le site.'); } else // pas de condition mais directement une instruction { alert("Désolé, vous n'avez pas accès à ce site."); }
La structure else if pour dire « sinon si »
Si une condition se vérifie et si elle ne se vérifie pas, mais il serait bien de savoir fonctionner de la façon suivante :
var floor = parseInt(prompt("Entrez l'étage où l'ascenseur doit se rendre (de -2 à 30) :")); if (floor == 0) { alert('Vous vous trouvez déjà au rez-de-chaussée.'); } else if (-2 <= floor && floor <= 30) { alert("Direction l'étage n°" + floor + ' !'); } else { alert("L'étage spécifié n'existe pas."); }
la structure else if peut être utilisée plusieurs fois de suite, la seule chose qui lui est nécessaire pour pouvoir fonctionner est d'avoir une condition avec la structure if juste avant elle.