JavaScript pokud jinak pokud

Obsah

    Zobrazit obsah

Podmíněné příkazy se používají k provádění různých akcí na základě různých podmínek.

Podmíněné příkazy

Velmi často při psaní kódu chcete provádět různé akce pro různá rozhodnutí.

K tomu můžete ve svém kódu použít podmíněné příkazy.

V JavaScriptu máme následující podmíněné příkazy:

  • Použijte if k určení bloku kódu, který se má provést, pokud je zadaná podmínka pravdivá

  • Pomocí else zadejte blok kódu, který se má provést, pokud je stejná podmínka Nepravdivé

  • Použijte else if k určení nové podmínky k testování, pokud je první podmínka nepravdivá

  • Pomocí přepínače zadejte mnoho alternativních bloků kódu, které se mají spustit

Příkaz switch je popsán v další kapitole.

Příkaz if

Pomocí příkazu if zadejte blok kódu JavaScript být proveden, pokud je podmínka pravdivá.

Syntax

if (condition) {
  //  block of code to be executed if the condition is true
 }

Všimněte si, že if je napsáno malými písmeny. Velká písmena (If nebo IF) vygenerují chybu JavaScriptu.

Příklad

Udělejte pozdrav „Dobrý den“, pokud je méně než hodina 18:00:

if (hour < 18) {
    greeting = "Good day";
 }

Výsledkem pozdravu bude:

Zkuste to sami →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript if</h2>

<p>Display "Good day!" if the hour is less than 18:00:</p>

<p id="demo">Good Evening!</p>

<script>
if (new Date().getHours() < 18) {
  document.getElementById("demo").innerHTML = "Good day!";
}
</script>

</body>
</html>

Příkaz else

Pomocí příkazu else zadejte blok kódu, který má být proveden, pokud je podmínka Nepravdivé.

if (condition) {
  //  block of code to be executed if the condition is true
 }
else {

  //  block of code to be executed if the condition is false
 }

Příklad

Pokud je hodina méně než 18, vytvořte „Dobrý den“ pozdrav, jinak "Dobrý večer":

if (hour < 18) {
    greeting = "Good day";
 }
else {
    greeting = "Good evening";
 }

Výsledkem pozdravu bude:

Zkuste to sami →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript if .. else</h2>

<p>A time-based greeting:</p>

<p id="demo"></p>

<script>
const hour = new Date().getHours(); 
let greeting;

if (hour < 18) {
  greeting = "Good day";
} else {
  greeting = "Good evening";
}

document.getElementById("demo").innerHTML = greeting;
</script>

</body>
</html>

Příkaz else if

Pomocí příkazu else if zadejte novou podmínku, pokud je první podmínka nepravdivá.

Syntax

if (condition1) {
  //  block of code to be executed if condition1 is true
 }
else if (condition2) {
  //  block of code to be executed if the condition1 is false and condition2 is true
} else {
  //  block of code to be executed if the condition1 is false and condition2 is false
 }

Příklad

Pokud je čas kratší než 10:00, vytvořte „Dobrý ráno" pozdrav, pokud ne, ale čas je méně než 20:00, vytvořte pozdrav „Dobrý den“, jinak "dobrý večer":

if (time < 10) {
    greeting = "Good morning";
 }
else if (time < 20) {
    greeting = "Good day";
 }
else {
    greeting = "Good evening";
 }

Výsledkem pozdravu bude:

Zkuste to sami →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript if .. else</h2>

<p>A time-based greeting:</p>

<p id="demo"></p>

<script>
const time = new Date().getHours();
let greeting;
if (time < 10) {
  greeting = "Good morning";
} else if (time < 20) {
  greeting = "Good day";
} else {
  greeting = "Good evening";
}
document.getElementById("demo").innerHTML = greeting;
</script>

</body>
</html>

Další příklady

Náhodný odkaz

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Math.random()</h2>

<p id="demo"></p>

<script>
let text;
if (Math.random() < 0.5) {
  text = "<a href='https://w3schools.com'>Visit W3Schools</a>";
} else {
  text = "<a href='https://wwf.org'>Visit WWF</a>";
}
document.getElementById("demo").innerHTML = text;
</script>

</body>
</html>