Condición O de JavaScript en la declaración if

Muhammad Muzammil Hussain 12 octubre 2023 JavaScript JavaScript Condition
  1. Ejemplo de condición OR de JavaScript utilizando la instrucción IF
  2. Examine el código HTML dado en unos pocos pasos
  3. Manera alternativa de obtener los mismos resultados
Condición O de JavaScript en la declaración if

JavaScript contiene declaraciones condicionales como if-else, switch cases, etc. Estas declaraciones son condicionales y se utilizan para comprobar si la condición dada es verdadera o no; para esto, usamos O || y operadores &&.

Operador || (O) verifica todas las condiciones y determina si alguna condición es verdadera o no. ¿Estas confundido? No se preocupe, lo discutiremos más con la ayuda de un ejemplo para comprender mejor || (O) Operador.

Ejemplo de condición OR de JavaScript utilizando la instrucción IF

El siguiente código fuente HTML muestra una entrada de formulario que usaremos para obtener el valor de la cadena de entrada del usuario como cualquier alfabeto, y hay un botón enviar en el que hemos llamado a la función JavaScript checkVowel() al hacer clic.

La función checkVowel() contiene una condición if con ||(O) operador para verificar que el alfabeto de entrada del usuario sea vocal o no.

HTML
 htmlCopy<!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>

En esta fuente de página HTML, hemos creado un tipo de texto de entrada de formulario para obtener el alfabeto del usuario.

Puede ver el botón de envío que activa el método checkVowel().

En el cuerpo del método checkVowel(), hemos implementado algunas condiciones if-else con || (O) operador. Esto comprobará el alfabeto dado por el usuario con la vocal MAYÚSCULAS y MINÚSCULAS, ambas si alguna de las declaraciones if cumple la condición requerida, el método mostrará un mensaje de alerta emergente que es Given alphabet is a vowel.

Si el valor dado no coincide con ninguna condición dada, el programa ejecutará la condición else que muestra un mensaje de alerta Given alphabet is not a vowel.

Examine el código HTML dado en unos pocos pasos

Siga estos cuatro sencillos pasos y obtenga una comprensión clara de || (O) operador.

Manera alternativa de obtener los mismos resultados

También puede lograr la misma funcionalidad con la declaración cambiar utilizando el || (O) operador, como se muestra a continuación.

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

Simplemente use switch (variable) con case que contenga || operador en lugar de sentencias if.

¿Disfrutas de nuestros tutoriales? Suscríbete a DelftStack en YouTube para apoyarnos en la creación de más guías en vídeo de alta calidad. Suscríbete

Artículo relacionado - JavaScript Condition