Quand utiliser la déclaration if pour programmer HTML avec JavaScript - les nuls

Vous ne pouvez vraiment pas échapper en utilisant l'instruction if avec JavaScript. L'instruction if est couramment utilisée pour tester si quelque chose s'est passé ou non, si les données sont dans la plage ou non, ou si l'utilisateur souhaite effectuer une tâche spécifique.

Comment créer une instruction simple if en JavaScript

L'une des utilisations les plus courantes de l'instruction if est de faire une simple sélection. Lorsque l'utilisateur prend une action particulière, il se passe quelque chose. Dans l'exemple suivant, lorsque l'utilisateur clique sur OK dans la boîte de dialogue de confirmation, l'application affiche le message secret.

// Crée une expression qui donne true ou false. var Answer = confirm ("Voulez-vous afficher le message secret?"); // Teste l'expression en utilisant l'instruction if. if (Answer) {// Afficher le message secret lorsque l'utilisateur // clique sur OK. document. getElementById ("Résultat"). innerHTML = "Ceci est le message secret!";}

Dans ce cas, Answer ne peut contenir que true ou false car confirm () ne renvoie aucune autre valeur. En conséquence, vous n'avez pas besoin d'effectuer des vérifications de valeur sur Answer - tout ce que vous devez faire est de déterminer la valeur de vérité de Answer pour prendre la décision.

Toutes les expressions de prise de décision que vous avez jamais créées auront une valeur de vérité quelconque - vraie ou fausse. Parfois, la valeur de vérité est cachée, comme lorsque vous travaillez avec la structure du commutateur, mais la valeur de vérité est là.

Les ordinateurs ne comprennent rien d'autre que le vrai ou le faux. Il y a des techniques qui font apparaître que l'ordinateur peut faire autre chose, mais en réalité, tout se résume à prendre une décision vraie ou fausse comme montré ici.

Que pouvez-vous faire d'autre avec l'instruction if?

Vous utilisez l'instruction if dans les situations où une application doit faire quelque chose lorsque l'utilisateur répond correctement, mais ignorez l'entrée lorsque la réponse est incorrecte. Cependant, il y a des moments où vous devez faire quelque chose quand l'entrée est correcte et autre chose quand c'est incorrect. Dans ce cas, vous ajoutez la clause else à l'instruction if comme indiqué dans l'exemple suivant.

// Crée une expression qui donne true ou false. var Answer = confirm ("Voulez-vous afficher le message secret?"); // Teste l'expression en utilisant l'instruction if. if (Answer) {// Afficher le message secret lorsque l'utilisateur // clique sur OK. document. getElementById ("Résultat"). innerHTML = "Ceci est le message secret!";} else {// Effectuer une tâche alternative. alert ("Cliquez sur OK la prochaine fois pour voir le message!");}

Une clause est une extension d'une structure Dans ce cas, la clause else étend la structure if pour inclure un second bloc de code qui gère la condition false. message secret lorsque l'utilisateur clique sur OK dans la boîte de dialogue Confirmer ()

Toutefois, le code affiche maintenant une boîte de dialogue d'alerte () lorsque l'utilisateur clique sur Annuler Cette action secondaire aide l'utilisateur à comprendre comment réagir à la confirmation (

Comment imbriquer des instructions dans JavaScript

Il y a plusieurs raisons pour lesquelles vous pouvez imbriquer si des instructions - c'est-à-dire placer une instruction if dans une autre. Dans ce cas, l'utilisateur sélectionne une option à l'écran, CheckChoice () vérifie cette option, puis CheckChoice () affiche le bon résultat à l'écran.

function CheckChoice (option) {// Vérifie que l'entrée est un nombre. if (typeof (option)! = "nombre") {// Afficher une boîte de dialogue d'erreur alert ("Veuillez fournir une entrée numérique!"); // Retour sans faire rien de plus. return;} // Assure que cette option est réellement un entier. var Sélectionnez = Math. rond (option); // Vérifie que l'entrée est dans la plage. if ((Select 3)) {// Affiche une boîte de dialogue d'erreur. alert ("La valeur fournie est hors limites!"); // Retourne sans rien faire de plus. return;} // Faire une sélection. if (Sélectionnez == 1) {document. getElementById ("Résultat"). innerHTML = "Vous avez choisi l'élément A.";} else {if (Select == 2) {document. getElementById ("Résultat"). innerHTML = "Vous avez choisi l'élément B.";} else {document. getElementById ("Résultat"). innerHTML = "Vous avez choisi le point C.";}}

Cet exemple ne repose pas sur une source d'entrée connue, il commence donc par effectuer diverses vérifications des données. La première vérification vérifie que l'appelant a fourni une valeur numérique. Après tout, l'appelant pourrait fournir une chaîne ou une valeur booléenne à la place. Pour cette raison, l'entrée peut être un pointeur vers une autre fonction ou tout autre élément supporté par JavaScript - vous ne le savez pas.

L'étape suivante convertit l'entrée numérique en entier. La conversion de données est importante dans JavaScript car elle traite les entiers et les valeurs à virgule flottante comme des nombres. Si vous voulez une valeur entière, utilisez Math. round () pour l'obtenir est le meilleur moyen d'y aller. Cette fonction arrondit l'entrée à la valeur entière la plus proche, ce qui signifie que vous n'essayez pas d'effectuer des comparaisons avec des valeurs telles que 3. 5.

À ce stade, vous savez que vous avez un nombre et que le nombre est un entier, mais vous ne savez pas si le nombre est dans la plage correcte. Un échec de la vérification des valeurs d'entrée est la cause de nombreux problèmes dans les applications JavaScript. CheckChoice () attend des valeurs entières comprises entre 1 et 3, de sorte que le contrôle de plage recherche ces valeurs.

L'instruction imbriquée if est presque décevante à ce stade. Vous savez que Select contient 1, 2 ou 3. La première instruction if vérifie la valeur 1 et affiche un message lorsqu'il trouve cette valeur. Lorsque la valeur est autre que 1, la clause else prend le relais. Dans la clause else est une instruction if imbriquée.

Cette instruction if recherche une valeur de 2 et affiche le message approprié lorsqu'il l'est. Lorsque Select est 3, la clause else de cette seconde instruction imbriquée if affiche le message approprié.