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