JavaScript jos muuten jos


Sisällysluettelo

    Näytä sisällysluettelo


Ehdollisia lauseita käytetään suorittamaan erilaisia toimintoja eri ehtojen perusteella.


Ehdolliset lausunnot

Hyvin usein koodia kirjoittaessasi haluat suorittaa erilaisia toimintoja eri päätöksiä varten.

Voit tehdä tämän käyttämällä koodissasi ehdollisia lausekkeita.

JavaScriptissä meillä on seuraavat ehdolliset lauseet:

  • Käytä if-komentoa määrittääksesi suoritettavan koodilohkon, jos määritetty ehto on tosi

  • Käytä else-komentoa määrittääksesi suoritettavan koodilohkon, jos sama ehto on väärä

  • Määritä uusi testattava ehto else if:lla, jos ensimmäinen ehto on epätosi

  • Käytä kytkintä määrittääksesi useita vaihtoehtoisia suoritettavia koodilohkoja

kytkin-käsky kuvataan seuraavassa luvussa.


if-lauseke

Käytä if-käskyä määrittääksesi JavaScript-koodilohkon suoritetaan, jos ehto on tosi.

Syntaksi

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

Huomaa, että if on pienillä kirjaimilla. Isot kirjaimet (If tai IF) luovat JavaScript-virheen.

Esimerkki

Tee "Hyvää päivää" -tervehdys, jos tunti on alle 18:00:

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

Tervehdyksen tulos on:

Kokeile itse →

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


else-käsky

Käytä else-käskyä määrittääksesi koodilohkon suoritetaan, jos ehto on väärä.

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
 }

Esimerkki

Jos tunti on alle 18, luo "Hyvää päivää" tervehdys, muuten "Hyvää iltaa":

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

Tervehdyksen tulos on:

Kokeile itse →

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

else if-käsky

Käytä else if -käskyä määrittääksesi uuden ehdon, jos ensimmäinen ehto on epätosi.

Syntaksi

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
 }

Esimerkki

Jos aika on alle 10:00, luo "Hyvä aamu" tervehdys, jos ei, mutta kello on alle 20:00, luo "Hyvää päivää" -tervehdys, muuten "Hyvää iltaa":

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

Tervehdyksen tulos on:

Kokeile itse →

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

Lisää esimerkkejä

Satunnainen linkki

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