JavaScript OR Condition dans l'instruction if

  2. HowTo
  3. JavaScript Howtos
  4. JavaScript OR Condition dans …
Muhammad Muzammil Hussain 12 octobre 2023
JavaScript JavaScript Condition
  1. Exemple de condition JavaScript OR utilisant l’instruction IF
  2. Examiner le code HTML donné en quelques étapes
  3. Autre moyen d’obtenir les mêmes résultats
JavaScript OR Condition dans l'instruction if

JavaScript contient des instructions conditionnelles telles que if-else, switch cases, etc. Ces instructions sont conditionnelles et utilisées pour vérifier si la condition donnée est vraie ou non ; pour cela, on utilise OU || et les opérateurs &&.

Opérateur || (OR) vérifie toutes les conditions et détermine si une condition est vraie ou non. Êtes-vous confus? Pas de soucis, nous en discuterons plus en détail à l’aide d’un exemple pour mieux comprendre || (OU) Opérateur.

Exemple de condition JavaScript OR utilisant l’instruction IF

Le code source HTML ci-dessous montre une entrée de formulaire que nous utiliserons pour obtenir la valeur de la chaîne d’entrée de l’utilisateur comme n’importe quel alphabet, et il y a un bouton soumettre sur lequel nous avons appelé la fonction JavaScript checkVowel() au clic.

La fonction checkVowel() contient une condition if statement avec || (OR) operator pour vérifier que l’alphabet saisi par l’utilisateur est une voyelle ou non.

<!DOCTYPE html>
<html>
 
<head>
    <title>
        HTML | Window Print() method example
    </title>
 
    <script type="text/javascript">
    </script>
 
</head>
 
<body>
 
    <h2>Hi Users Check your choosen alphabet is a vowel or not.</h2>


   <form id="form" onsubmit="return false;">
    <input type="text" id="userInput" maxlength="1" placeholder="Enter any alphabet" />
    <input  type="submit" onclick="checkVowel();" />
</form>



<script>
function checkVowel() {
    var variable = document.getElementById("userInput").value;
   

if(variable =="a" || variable=="A"){
  alert(variable+" is vowel")
}
else if(variable =="e" || variable=="E"){
   alert(variable+" is vowel")
}
else if(variable =="i" || variable=="I"){
   alert(variable+" is vowel")
}
else if(variable =="o" || variable=="O"){
   alert(variable+" is vowel")
}
else if(variable =="u" || variable=="U"){
   alert(variable+" is vowel")
}

else{
  alert(variable+" is not vowel")
}
}
</script>sss
 
</body>s
<html>

Dans cette page source HTML, nous avons créé un formulaire de saisie de texte pour récupérer l’alphabet de l’utilisateur.

Vous pouvez voir le bouton de soumission qui déclenche la méthode checkVowel().

Dans le corps de la méthode checkVowel(), nous avons implémenté quelques conditions if-else avec || (OU) opérateur. Cela vérifiera l’alphabet donné par l’utilisateur avec les voyelles MAJUSCULES et MAJUSCULES les deux si l’une des déclarations if remplit la condition requise, la méthode affichera un message d’alerte contextuel qui est Given alphabet is a vowel.

Si la valeur donnée ne correspond à aucune condition donnée, le programme exécutera la condition else qui affiche un message d’alerte Given alphabet is not a vowel.

Examiner le code HTML donné en quelques étapes

Suivez ces quatre étapes simples et obtenez une compréhension claire du || (OU) opérateur.

  • Créer un document texte. Vous pouvez utiliser le bloc-notes ou tout autre outil d’édition de texte.
  • Collez le code donné dans le fichier texte créé.
  • Enregistrez ce fichier texte avec l’extension .html et ouvrez-le avec n’importe quel navigateur par défaut.
  • Vous pouvez voir un champ de formulaire de saisie, saisir n’importe quel alphabet et appuyer sur le bouton Soumettre ; il affichera une boîte d’alerte indiquant que l’alphabet du message est une voyelle ou non.

Autre moyen d’obtenir les mêmes résultats

Vous pouvez également obtenir la même fonctionnalité avec l’instruction switch en utilisant le || (OR), comme indiqué ci-dessous.

switch (variable) {
  case 'a' || 'A':
    alert(variable + ' is vowel')
    break;

Utilisez simplement switch (variable) avec case contenant || opérateur au lieu de instructions if.

Article connexe - JavaScript Condition