En son web geliştirme öğreticiler
 

JavaScript / Else Bildirimi eğer

<JavaScript Tablolar Referans

Örnek

Geçerli saat Eğer (HOUR) az 20:00, çıkış ise "Good day" id = "demo" sahip bir öğede:

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

Sonuç şu olacaktır:

Kendin dene "

Daha "Try it Yourself" Aşağıdaki örnekler.


Tanımı ve Kullanımı

Belirtilen koşul doğruysa if / else deyimi kod bloğu yürütür. Eğer koşul yanlış ise, başka bir kod bloğu çalıştırılabilir.

If / else deyimi JavaScript'in bir parçası olan "Conditional" farklı koşullara göre farklı eylemleri gerçekleştirmek için kullanılan Tabloların.

JavaScript'inizde aşağıdaki koşullu ifadeler var:

  • Kullan if belirli bir koşul doğruysa kod bloğu belirtmek için, yürütülecek
  • Kullan else aynı Koşul yanlışsa kod bloğu belirtmek için, yürütülecek
  • Kullan else if ilk Koşul yanlışsa, test etmek için yeni koşul belirtmek için
  • Kullanım switch kod birçok bloktan birini seçmek için yürütülecek

Tarayıcı Desteği

açıklama
if/else Evet Evet Evet Evet Evet

Sözdizimi

If ifadesi kod bloğu bir koşul doğruysa yürütülecek belirtir:

if ( Else deyimi kod bloğu Koşul yanlışsa yürütülecek belirtir:

if ( İlk Koşul yanlışsa ifadesi Yeni bir koşul belirtir eğer başka:

if ( Parametre Değerleri
Parametre Açıklama
condition Gereklidir. doğru ya da yanlış olarak değerlendirilen bir ifade

Teknik detaylar

JavaScript Versiyon: 1.0

Örnekler

Diğer Örnekler

Örnek

Zaman 20:00 küçükse, bir oluşturmak "Good day" tebrik, aksi "Good evening" :

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

selam sonucu olacaktır:

Kendin dene "

Örnek

Zaman 10:00 küçükse, bir oluşturmak "Good morning" bir oluşturmak, değilse, tebrik, ancak zaman 20:00 azdır "Good day" , tebrik aksi bir "Good evening" :

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

selam sonucu olacaktır:

Kendin dene "

Örnek

İlk Eğer <div> div öğesi kimliğine sahipse "myDIV" , onun font-boyutunu değiştirmek:

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

if (x.id === "myDIV") {
    x.style.fontSize = "30px";
}
Kendin dene "

Örnek

Değerini değiştirin source özniteliği (src) bir bir <img> Kullanıcı resimde tıklarsa, eleman:

<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>
Kendin dene "

Örnek

kullanıcı girişi dayalı bir ileti görüntüler:

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..";
}
Kendin dene "

Örnek

giriş verileri doğrulamak:

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";
}
Kendin dene "

İlgili Sayfalar

JavaScript Öğretici: JavaScript olursa ... Else Tablolar

JavaScript Öğretici: JavaScript Anahtarı Tablosu


<JavaScript Tablolar Referans