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

  2. HowTo
  3. JavaScript Howtos
  4. Condición O de JavaScript en la …
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.

<!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.

  • Crea un documento de texto. Puede utilizar el bloc de notas o cualquier otra herramienta de edición de texto.
  • Pega el código dado en el archivo de texto creado.
  • Guarda ese archivo de texto con la extensión .html y ábrelo con cualquier navegador predeterminado.
  • Puede ver un campo de formulario de entrada, ingrese cualquier alfabeto y presione el botón enviar; mostrará un cuadro de alerta que muestra que el alfabeto del mensaje es vocal o no.

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.

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

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

Artículo relacionado - JavaScript Condition