Neueste Web-Entwicklung Tutorials
 

JavaScript if / else-Anweisung

<JavaScript - Anweisungen Referenz

Beispiel

Wenn die aktuelle Zeit (HOUR) ist weniger als 20.00 Uhr, Ausgang "Good day" in einem Element mit id = „Demo“:

var time = new Date().getHours();
if (time < 20) {
    document.getElementById("demo").innerHTML = "Good day";
}

Das Ergebnis wird sein:

Versuch es selber "

Mehr "Try it Yourself" Sie "Try it Yourself" Beispiele unten.

Definition und Verwendung

Die if / else-Anweisung führt einen Codeblock, wenn eine bestimmte Bedingung erfüllt ist. Wenn die Bedingung falsch ist, kann ein anderer Codeblock ausgeführt werden.

Die if / else - Anweisung ist ein Teil von JavaScript "Conditional" Aussagen, die verschiedene Aktionen auf der Basis verschiedener Bedingungen erfüllen werden verwendet , um.

In JavaScript haben wir die folgenden bedingten Anweisungen:

  • Verwenden Sie, if ein Codeblock zu spezifizieren ausgeführt werden, wenn eine bestimmte Bedingung erfüllt ist
  • Verwenden Sie else einen Code - Block angeben , ausgeführt werden, wenn die gleiche Bedingung falsch ist
  • Verwenden Sie else if , else if eine neue Bedingung angeben zu testen, wenn die erste Bedingung falsch ist
  • Verwenden Sie switch eine von vielen Codeblöcke auszuwählen ausgeführt werden

Browser-Unterstützung

Erklärung
if/else Ja Ja Ja Ja Ja

Syntax

Die if - Anweisung gibt einen Block von Code ausgeführt werden , wenn eine Bedingung erfüllt ist:

if ( Die else - Anweisung gibt einen Block von Code ausgeführt werden , wenn die Bedingung falsch ist :

if ( Die else if - Anweisung eine neue Bedingung gibt an, ob die erste Bedingung falsch ist :

if ( Parameterwerte
Parameter Beschreibung
condition Erforderlich. Ein Ausdruck, der wahr oder falsch bewertet

Technische Details

JavaScript Version: 1.0
Beispiele

Mehr Beispiele

Beispiel

Wenn die Zeit weniger als 20.00 Uhr ist, erstellen Sie einen "Good day" Gruß, sonst "Good evening" :

var time = new Date().getHours();
if (time < 20) {
    greeting = "Good day";
} else {
    greeting = "Good evening";
}

Das Ergebnis der Begrüßung wird sein:

Versuch es selber "

Beispiel

Wenn es die Zeit ist weniger als 10:00, erstellen Sie einen "Good morning" Gruß, wenn nicht, aber die Zeit ist weniger als 20.00 Uhr, erstellen Sie einen "Good day" Gruß, ansonsten ein "Good evening" :

var time = new Date().getHours();
if (time < 10) {
    greeting = "Good morning";
} else if (time < 20) {
    greeting = "Good day";
} else {
    greeting = "Good evening";
}

Das Ergebnis der Begrüßung wird sein:

Versuch es selber "

Beispiel

Wenn das erste <div> Element im Dokument die ID hat "myDIV" , ändern Sie seinen font-size:

var x = document.getElementsByTagName("DIV")[0];

if (x.id === "myDIV") {
    x.style.fontSize = "30px";
}
Versuch es selber "

Beispiel

Ändern Sie den Wert des source (src) eines <img> Element, wenn der Benutzer auf das Bild klickt:

<img id="myImage" onclick="changeImage()" src="pic_bulboff.gif" width="100" height="180">

<script>
function changeImage() {
    var image = document.getElementById("myImage");
    if (image.src.match("bulbon")) {
        image.src = "pic_bulboff.gif";
    } else {
        image.src = "pic_bulbon.gif";
    }
}
</script>
Versuch es selber "

Beispiel

Zeigen Sie eine Nachricht basierend auf Benutzereingaben:

var letter = document.getElementById("myInput").value;
var text;

// If the letter is "c"
if (letter === "c") {
    text = "Spot on! Good job!";

// If the letter is "c" or "e"
} else if (letter === "b" || letter === "d") {
    text = "Close, but not close enough.";

// If the letter is anything else
} else {
    text = "Waaay off..";
}
Versuch es selber "

Beispiel

Validieren Eingangsdaten:

var x, text;

// Get the value of the input field with id="numb"
x = document.getElementById("numb").value;

// If x is Not a Number or less than 1 or greater than 10, output "input is not valid"
// If x is a number between 1 and 10, output "Input OK"

if (isNaN(x) || x < 1 || x > 10) {
    text = "Input not valid";
} else {
    text = "Input OK";
}
Versuch es selber "

Verwandte Seiten

JavaScript Tutorial: JavaScript If ... Else - Anweisungen

JavaScript Tutorial: JavaScript Switch - Anweisung

<JavaScript - Anweisungen Referenz