JavaScript jika / Pernyataan lain

Contoh

Jika waktu saat ini (HOUR) kurang dari 20:00, keluaran "Good day" dalam elemen dengan id = "demo":

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

Hasilnya akan:

Lebih "Try it Yourself" contoh di bawah ini.

Definisi dan Penggunaan

Jika / pernyataan yang lain mengeksekusi blok kode jika kondisi yang ditentukan benar. Jika kondisi salah, blok lain dari kode dapat dieksekusi.

Jika / pernyataan yang lain adalah bagian dari JavaScript yang "Conditional" Laporan, yang digunakan untuk melakukan tindakan yang berbeda berdasarkan kondisi yang berbeda.

Dalam JavaScript kita memiliki pernyataan bersyarat berikut:

Gunakan if untuk menentukan blok kode yang akan dieksekusi, jika kondisi yang ditentukan benar
Gunakan else untuk menentukan blok kode yang akan dieksekusi, jika kondisi yang sama palsu
Gunakan else if untuk menentukan kondisi baru untuk menguji, jika kondisi pertama adalah palsu
Gunakan switch untuk memilih salah satu dari banyak blok kode yang akan dieksekusi

Dukungan Browser

Pernyataan
if/else	iya nih	iya nih	iya nih	iya nih	iya nih

Sintaksis

Jika pernyataan menentukan blok kode yang akan dieksekusi jika kondisi benar:

if ( Pernyataan lain menentukan blok kode yang akan dieksekusi jika kondisi salah:

if ( The lain jika pernyataan menentukan kondisi baru jika kondisi pertama adalah palsu:

if ( Nilai parameter

Parameter	Deskripsi
condition	Wajib. Sebuah ekspresi yang mengevaluasi untuk benar atau salah

Rincian teknis

Versi JavaScript:	1.0

Contoh lebih

Contoh

Jika waktu kurang dari 20:00, membuat "Good day" ucapan, jika tidak "Good evening" :

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

Hasil ucapan akan:

Cobalah sendiri "

Contoh

Jika waktu kurang dari 10:00, membuat "Good morning" ucapan, jika tidak, tapi waktu kurang dari 20:00, membuat "Good day" ucapan, sebaliknya "Good evening" :

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

Hasil ucapan akan:

Cobalah sendiri "

Contoh

Jika yang pertama <div> elemen dalam dokumen memiliki id dari "myDIV" , mengubah font-size-nya:

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

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

Cobalah sendiri "

Contoh

Ubah nilai dari source atribut (src) dari <img> elemen, jika pengguna mengklik pada gambar:

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

Cobalah sendiri "

Contoh

Menampilkan pesan berdasarkan input pengguna:

Cobalah sendiri "

Contoh

Memvalidasi input data:

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

Cobalah sendiri "