JavaScript ODER-Bedingung in der if-Anweisung
-
JavaScript
OR-Bedingungsbeispiel mitIF-Anweisung -
Untersuchen Sie den gegebenen
HTML-Code in wenigen Schritten - Alternative Methode, um dieselben Ergebnisse zu erzielen
JavaScript enthält bedingte Anweisungen wie if-else, switch case usw. Diese Anweisungen sind bedingt und werden verwendet, um zu überprüfen, ob die gegebene Bedingung wahr ist oder nicht; dafür verwenden wir OR || und &&-Operatoren.
Operator || (OR) überprüft alle Bedingungen und bestimmt, ob eine Bedingung wahr ist oder nicht. Bist du verwirrt? Keine Sorge, wir werden es anhand eines Beispiels weiter besprechen, um den ||-Operator besser zu verstehen.
JavaScript OR-Bedingungsbeispiel mit IF-Anweisung
Der folgende HTML-Quellcode zeigt eine Formulareingabe, die wir verwenden werden, um den Eingabestringwert vom Benutzer wie jedes Alphabet zu erhalten, und es gibt eine Schaltfläche zum Senden, auf der wir beim Klicken die JavaScript-Funktion checkVowel() aufgerufen haben.
Die Funktion checkVowel() enthält eine if-Anweisung-Bedingung mit || (OR) Operator, um zu überprüfen, ob das Benutzereingabealphabet ein Vokal ist oder nicht.
<!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>
In dieser HTML-Seitenquelle haben wir einen Formulareingabetyp von Text erstellt, um das Alphabet vom Benutzer zu erhalten.
Sie können den Senden-Button sehen, der die Methode checkVowel() auslöst.
Im Body der Methode checkVowel() haben wir einige if-else-Bedingungen mit || implementiert. (ODER) Operator. Dadurch wird das vom Benutzer angegebene Alphabet mit den Vokalen GROSSBUCHSTABEN und Kleinbuchstaben überprüft. Wenn eine der if-Anweisungen die erforderliche Bedingung erfüllt, zeigt die Methode eine Pop-up-Warnmeldung an, die lautet: Given alphabet is a vowel.
Wenn der angegebene Wert mit keiner bestimmten Bedingung übereinstimmt, führt das Programm die else-Bedingung aus, die die Warnmeldung Given alphabet is not a vowel anzeigt.
Untersuchen Sie den gegebenen HTML-Code in wenigen Schritten
Befolgen Sie diese vier einfachen Schritte und erhalten Sie ein klares Verständnis der || (ODER) Operator.
-
Erstellen Sie ein Textdokument. Sie können Notepad oder jedes andere Textbearbeitungswerkzeug verwenden.
-
Fügen Sie den angegebenen Code in die erstellte Textdatei ein.
-
Speichern Sie diese Textdatei mit der Erweiterung
.htmlund öffnen Sie sie mit einem beliebigen Standardbrowser. -
Sie können ein Eingabeformularfeld sehen, geben Sie ein beliebiges Alphabet ein und klicken Sie auf die Schaltfläche Senden; Es wird ein Warnfeld angezeigt, das anzeigt, dass das Nachrichtenalphabet ein Vokal ist oder nicht.
Alternative Methode, um dieselben Ergebnisse zu erzielen
Sie können die gleiche Funktionalität auch mit der Anweisung switch erreichen, indem Sie das || verwenden. (OR)-Operator, wie unten gezeigt.
switch (variable) {
case 'a' || 'A':
alert(variable + ' is vowel')
break;
Verwenden Sie einfach switch (variabel) mit case mit || operator statt if-Anweisungen.